JavaScript函数相关内容总结

JavaScript函数相关内容总结

一、函数function：

函数也是一个对象

可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)

还可以保存一些代码在需要的时候调用

使用typeof检查一个函数对象时，会返回function

函数的创建：

1.使用构造函数创建一个函数对象

2.使用函数声明创建一个函数

3.使用函数表达式创建一个函数/匿名函数

（1）我们在实际开发中很少使用构造函数来创建函数

但可以将要封装的代码以字符串的形式传递给构造函数

例：var fun=new Function();

console.log(typeof fun);

封装到函数中的代码不会即可执行

函数中的代码会在函数调用的时候执行

调用函数：语法 函数对象();

当调用函数时，函数中封装的代码会按照顺序执行

（2）使用函数声明来创建一个函数（建议使用方式）

语法：function 函数名([形参1,形参2,...,形参N]){

             语句

         }

说明：[形参1,形参2,...,形参N]这里的[]表示可以使用参数也可以不使用参数

函数的调用：函数名([实参1,实参2,...]);

例：

       function fun (){

              console.log("小明");

              console.log("小红");

              console.log("小高");

       }

       fun ();

（3）使用函数表达式创建一个函数

例：var fun= function(){

              alert("匿名函数")

       };

       fun ();

二、函数的参数

定义一个用来求两个数和的函数

可以在函数的()中来指定一个或多个形参(形式参数)

多个形参之间使用","隔开，声明形参就相当于在函数内部声明了对应的变量

但是并不赋值

例：function sum(a,b){

              var add=a+b;

              console.log(sum);

       }

       sum(12,45);

       sum(false,"123");

调用函数时解析器不会检查实参的类型，

所以要注意，是否有可能会接收到非法的参数，如果有可能则需要对参数进行类型的检查

调用函数时，解析器也不会对检查实参的数量

多余的参数将不会被赋值

如果实参少于形参的数据，则没有对应实参的形参将是undefined

例：function result(a,b,c){

              console.log("a="+a);

              console.log("b="+b);

              console.log("c="+c);

              var sum=a+b+c;

              console.log("sum="+sum); 

       }

       result(123,234);

       result(123,234,345,6767,78,9);

三、函数的返回值与立即执行函数

JavaScript函数的返回值

创建一个函数，用来计算三个数的和

可以通过return 来返回函数的返回值

语法：return 值;

return 后面值将会作为函数的执行结果返回，

可以定义一个变量来接收函数的返回值

在函数return后的语句都不会执行

如果return语句后不跟任何值，就相当于返回一个undefined

例：function sum(a,b){

              var c=a+b;

              return c;

              alert("234234");

       }

       var total = sum(12,45);

       console.log("返回结果=="+total);

立即执行函数

函数定义完，立即被调用，这种函数叫做立即执行函数

立即执行函数往往只会执行一次

      

例：(function(){

              alert("这是一个立即执行函数");

       })();

      

       (function(a,b){

              alert(a+b);

       })(23,23);

四、函数的方法

函数也可以作为对象的属性，

如果一个函数作为一个对象的属性保存，

那么我们称这个函数是这个对象的方法

调用函数就所调用对象的方法

但是它只是名称上的区别没有其他的区别

例：function sayHello(){

              alert("hello every!");

       }

       var obj1=new Object();

       obj1.name="小明";

       obj1.age=20;

       obj1.sayWorld=sayHello;

       obj1.sayWorld();

       sayHello();

通过对象字面量的方式创建对象

例：var person={

              name:"小明",

              age:12,

              sayWord:function(){

                     alert("hello every! my name is "+person.name);

              }

       };

       person.sayWord();

五、枚举对象中的属性

使用for ... in 语句

for in 语法

              for(var 变量 in 对象){

                     语句

              }

例：for(var item in person){

              console.log(item);

              console.log(person[item]);

              console.log("属性名="+item+",属性值="+person[item]);

       }