Javascript 函数的四种调用模式

Javascript函数的四种调用模式包括：函数模式、方法模式、构造器调用模式以及上下文模式。每种模式下，函数的执行上下文以及关键字this的指向都会有所不同，从而影响到函数内代码的执行结果。 1. 函数模式是最普通的函数调用方式，在此模式下，函数作为独立的单元被调用。在浏览器环境中，函数内的this默认指向全局对象window。函数可以通过声明式或表达式的方式定义，如声明式函数`function fn1(){ console.log(this); }`和函数表达式`var fn2=function(){ console.log(this); };`。调用这些函数时，无论哪种定义方式，this都指向全局对象window，因此输出结果为window。 2. 方法模式中，函数作为某个对象的方法被调用。此时，函数内的this指向调用它的对象。例如，定义一个对象`var obj={name:"zhangSan", sayHi:function(){ console.log(this); } };`，然后通过`obj.sayHi();`调用方法，this将指向obj对象。因此，输出结果为调用方法的对象obj。 3. 构造器调用模式中，函数被视为构造器，用于创建对象实例。通过new操作符加上函数名来调用构造器函数，创建一个新的对象实例。例如，定义一个构造函数`function Person(){}`，然后通过`var tom = new Person();`创建一个实例。构造器函数的执行过程通常包括：创建一个新对象、将this绑定到这个新对象上、执行构造器函数的代码以及返回这个新创建的对象。如果构造函数中使用了return语句，返回值对构造函数的返回值类型有影响。如果返回值是基本数据类型，则返回的还是新创建的对象实例；如果返回值是复杂数据类型（对象），则返回的是这个复杂数据类型对象。 4. 上下文模式，又称为借用上下文，指的是通过call和apply方法来改变函数执行时的this指向。这是JavaScript函数的一个特殊之处，允许开发者动态地指定某个函数中的this指向。例如，使用`[].push.apply(o, [1, 2, 3]);`让对象o借用数组的push方法来添加元素，这里的o对象会变成push方法的上下文，其length属性也会相应改变。call和apply方法都接受一个对象作为第一个参数来指定this的指向，之后的参数为原函数需要接收的参数。 以上四种函数调用模式在JavaScript编程中经常被使用，理解它们对于掌握JavaScript函数的执行环境以及this关键字的指向至关重要。各种模式之间可以相互转换使用，使得函数能够灵活地应用在不同的场景中。正确地选择和使用这些模式，可以编写出更加健壮和可维护的代码。