javascript 函数

简介:
Technorati 标签:  javascript, 函数

一、全局函数

    1、Number(object)

    此函数尝试将 object 转化为数字,类似于java 的 parseInt ,parseDouble 等,如果转换失败,返回 NaN。

    Demo:

   1: <script language="javascript">
   2:     var num1 = "1";
   3:     var num2 = "2";
   4:     var strNum = num1 + num2;    //输出 “12”
   5:     alert(strNum);
   6:     
   7:     var intNum1 = Number(num1);
   8:     var intNum2 = Number(num2);
   9:     var intNum = intNum1 + intNum2;    //输出 3
  10:     alert(intNum);
  11: </script>

    2、String(object)

    与Number(object)刚好相反,String(object)将 object 转换为一个字符串。

   1: <script language="javascript">
   2:     var intNum1 = 1;
   3:     var intNum2 = 2;
   4:     var intNum = intNum1 + intNum2;
   5:     alert(intNum);
   6:     
   7:     var strNum1 = String(intNum1);
   8:     var strNum2 = String(intNum2);
   9:     var strNum = strNum1 + strNum2;
  10:     alert(strNum);
  11: </script>

    3、isNaN(object

    此函数用来判断 object 是不是一个数字(或者是否可以转换为一个数值),如果 object 不是数值,将返回true,否则返回 false。

    Demo:

   1: <table border="1">
   2: <tr>
   3:     <th>Function</th>
   4:     <th>Result</th>
   5: </tr>
   6: <script type="text/javascript">
   7:     document.write("<tr><td>isNaN(1)</td>");
   8:     document.write("<td>" + isNaN(1) + "</td></tr>");
   9:     document.write("<tr><td>isNaN(\"1\")</td>");
  10:     document.write("<td>" + isNaN("1") + "</td></tr>");
  11:     document.write("<tr><td>isNaN(0/0)</td>");
  12:     document.write("<td>" + isNaN(0/0) + "</td></tr>");
  13:     document.write("<tr><td>isNaN(\"java\")</td>");
  14:     document.write("<td>" + isNaN("java") + "</td></tr>");
  15:     var str = "abc";
  16:     document.write("<tr><td>isNaN(abc)</td>");
  17:     document.write("<td>" + isNaN(str) + "</td></tr>");
  18:     var intAge = 12;
  19:     document.write("<tr><td>isNaN(intAge)</td>");
  20:     document.write("<td>" + isNaN(intAge) + "</td></tr>");
  21: </script>
  22: </table>

   输出如下:

  image

    4、parseFloat(object) 与 parseInt(object)

    此两个函数分别尝试将 object 转为 float 类型或 int 类型,如果变量时以数值开头的,parseFloat()会将其捕获到的第一个浮点型数值转换为 float 类型,parseInt 会捕获到的第一个整型数据转化为 int 类型。如果变量不是以数值开始的,这两个函数都返回 NaN。

    Demo:

   1: <script type="text/javascript">
   2:     var distance = "100.23 meters";
   3:     document.write("<tr><td>parseFloat(distance)</td>");
   4:     document.write("<td>" + parseFloat(distance) + "</td></tr>");
   5:     document.write("<tr><td>parseInt(distance)</td>");
   6:     document.write("<td>" + parseInt(distance) + "</td></tr>");
   7:     var name = "tianya";
   8:     document.write("<tr><td>parseFloat(name)</td>");
   9:     document.write("<td>" + parseFloat(name) + "</td></tr>");
  10:     document.write("<tr><td>parseInt(name)</td>");
  11:     document.write("<td>" + parseInt(name) + "</td></tr>");
  12: </script>

    输入如下:

image

二、自定义函数

    1、函数就是一组 js 语句,并且作为一个基本单元来支持。要使用函数,首先需要定义它,格式如下:

   1: function fnName(){
   2:     ....
   3: }

    Demo:

   1: function Hello(user){
   2:     alert("Hello, " + user);
   3: }
   4: </script>
   5:  
   6: </head>
   7: <body>
   8:     <button onclick="Hello(this.value)" value="Mike">Mike</button>
   9: </body>

   2、函数返回值

    在 javascript 里并不需要指定返回值的类型,但却可以在函数里添加 return 语句作为函数的返回值。如计算两个数的平均值 function average(num1,num2);可以在函数里使用 return (num1 + num2)/2;作为其返回值。完整代码如下:

   1: function average(num1,num2){
   2:     return (num1 + num2)/2;
   3: }

    返回值得使用,如下:

   1: <title>JavaScript Page</title>
   2: <script type="text/javascript">
   3:     function average(num1,num2){
   4:         return (num1 + num2)/1;
   5:     }
   6: </script>
   7:  
   8: </head>
   9: <body>
  10:     <script type="text/javascript">
  11:         result = average(5,6);
  12:         document.write("the average is " + result);
  13:     </script>
  14: </body>


 
 
相关文章
|
3天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
10 2
|
5天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
11 0
|
5天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
11 1
|
5天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
9 2
|
8天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
7 1
|
8天前
|
JavaScript 前端开发 索引
js的includes函数
js的includes函数
12 1
|
8天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
8天前
|
JavaScript 前端开发
js的filter函数
js的filter函数
10 1
|
8天前
|
JavaScript 前端开发
js的函数
js的函数
8 0
|
8天前
|
JavaScript 前端开发
js的join函数
js的join函数
9 1