议事大厅-【赛码网】..

javascript函数调用的各种方法

发布于 2016-11-14 11:16 1225 次浏览 0 赞最后一次编辑是 2016-11-14 11:18 来自资源分享

在JavaScript中一共有下面4种调用方式：
(1) 基本函数调用
(2)方法调用
(3)构造器调用
(4)通过call()和apply()进行调用
1. 基本函数调用

普通函数调用模式，如：

JavaScript code?

1

2

3

4

  function fn(o){

     …… 

}

  fn({x:1});

在基本函数调用中，
（1）每个参数作为实参传递给声明函数时定义的形参；
（2）this被绑定到全局变量（直接调用一般指的是window）

JavaScript code?

  var object = {value:1};

  var value = 2;

 object.printProps = function(){

    var printValue = function(){

      console.log(this.value);

};

   printValue();

   console.log(this.value);

}

 object.printProps();

此时的运行结果是：
2
1

在printValue()函数在执行时，this.value值为2，也就是说，this指向的是全局对象，而不是对象object。

（3）返回值：函数的返回值成为调用表达式的值。
I. 如果函数返回是解释器到达结尾，也就是没有执行到return XXX的语句。返回值为undefined。
II. 如果函数返回是因为接受器执行到return xxx语句，返回return之后的值。
III. 如果return语句后没有值，即return，则返回undefined。

2. 方法调用

当一个函数被保存为对象的一个属性时，称为方法。
（1）参数和返回值的处理与函数调用一致；
（2）调用上下文this为该对象

JavaScript code?

function print(){

    console.log(this.value); 

}

  var value=1;

  var object = {value:2};

  object.m = print;

  //作为函数调用

  print();

  //作为方法调用

  object.m();

运行结果为：
1
2

当调用print时，this绑定的是全局对象，打印全局变量value值1。
但是当调用object.m()时，this绑定的是方法m所属的对象Object，所以打印的值为Object.value，即2。

3. 构造器调用

函数或方法调用之前带有关键字new，它就构成构造函数调用。如：

JavaScript code?

1 2	`function` `fn(){……}` `var` `obj =` `new` `fn();`

（1）参数处理：一般情况构造器参数处理和函数调用模式一致。但如果构造函数没用形参，JavaScript构造函数调用语法是允许省略实参列表和圆括号的。

如：下面两行代码是等价的。

JavaScript code?

1 2	`var` `obj =` `new` `Object();` `var` `obj =` `new` `Object;`

（2）函数的调用上下文为新创建的对象。

JavaScript code?

 function fn(value){

   this.value =value;

}

 var value =1;

 var obj = new fn(2);

 console.log(value);

 console.log(obj.value);

 fn(3);

 console.log(value);

 console.log(obj.value);

运行结果：
1
2
3
2

I. 第一次调用fn()函数是作为构造函数调用的，此时调用上下文this被绑定到新创建的对象obj。所以全局变量value值不变，obj新增一个属性value，值为2；
II. 第二次调用fn()函数是作为普通函数调用的，此时调用上下为this被绑定到全局对象，在浏览器中为window。所以全局对象的value值改变为3，而obj的属性值不变。

（3）构造函数通常不使用return关键字，返回值为新对象。而如果构造函数显示地使用return语句返回一个对象，那么调用表达式值就为这个对象。如果构造函数使用return语句但没有指定返回值或者返回一个原始值，则忽略返回值，同时使用新对象作为调用结果。

4.通过call()和apply()进行调用

虽然在一个独立的函数调用中，根据是否是strict模式，this指向undefined或window，不过，我们还是可以控制this的指向的！要指定函数的this指向哪个对象，可以用函数本身的apply()或call()方法，它们都是接收两个参数。

call()方法使用它自有的实参列表作为函数的实参，apply()方法要求以数组的形式传入参数

apply方法第一个参数是改变后的调用对象，第二个参数是将函数参数以数组形式传入[ ]，而call()第一个参数与call()方法相同，第二个参数是原来参数序列......。