JS中函数调用的方法

JavaScript 函数有 4 种调用方式。每种方式的不同方式在于 this 的初始值。

1.作为一个函数调用

function myFunction(a, b) {
    return a* b;
}

myFunction(10, 2);           // myFunction(10, 2) 返回 20  

或

function myFunction() {
  return this;
}

myFunction();                // 返回 window对象  

this为window对象。

2.作为方法调用

var myObject = {
   firstName:"John",
   lastName: "Doe",
   fullName: function () {
       return this.firstName + " " + this.lastName;
    }
}

myObject.fullName();         // 返回 "John Doe"  

this为myObject对象。

3.使用构造函数调用函数

如果函数调用前使用了 new 关键字, 则是调用了构造函数。

// 构造函数:
function myFunction(arg1, arg2) {
   this.firstName = arg1;
   this.lastName  = arg2;
}

// This   creates a new object  

var x = newmyFunction("John","Doe");

x.firstName;                             // 返回"John"  

this指向新创建的对象。其实是在构造函数里，首先新建了一个对象叫this，赋值之后将this返回。

4.作为函数方法调用函数

在JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。

call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。

两者的区别在于第二个参数：apply传入的是一个参数数组，call传入的是单一参数。

function myFunction(a, b) {
    return a* b;
}

myObject = myFunction.call(myObject, 10, 2);     // 返回 20  

function myFunction(a, b) {
    return a* b;
}

myArray = [10, 2];

myObject = myFunction.apply(myObject,myArray);  // 返回 20  

在 JavaScript严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值， 即使该参数不是一个对象。

在JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

this为调用它的对象本身，myObject调用myFunction函数。

原文参考：JS中调用函数的方法

原文:大专栏  JS中函数调用的方法