Js中的四中调用模式

Js中的4中调用模式

参数this在面向对象编程时非常重要，它的值取决于调用的模式，在JavaScript中有四种调用模式：方法调用模式、函数调用模式、构造器调用模式、apply调用模式。

1、方法调用模式 The Method Invocation Pattern

var myObject = {value : 0,increment : function(inc) {this.value += typeof inc === 'number' ? inc : 1;}};myObject.increment();alert(myObject.value); //1myObject.increment(10);alert(myObject.value);//11

?2、函数调用模式 The Function Invocation Pattern

// 当函数调用此模式时，this被绑定到全局变量。在helper方法中获取不到this.myObject.double = function() {var that = this;var helper = function() {that.value = add(that.value, that.value);};helper();}myObject.double();alert(myObject.value);

?3、构造器模式 The Contructor Invocation Pattern

// javaScript是一种基于原型继承的语言。对象可以直接从其他对象继承属性。// 如果在一个函数面前带上new来调用，那么将创建一个隐藏连接到该函数的peototype的成员的新对象，同时this将会绑定到那个新对象上// 创建一个名为Quo的的构造函数，它构造一个带有status属性的对象var Quo = function(string) {this.status = string}// 给Quo的所有实例提供一个名为getStatus的公共方法Quo.prototype.getStatus = function() {return this.status;}var v = new Quo('IVY');alert(v.getStatus())

?

4、Apply调用模式 The Apply Invocation Pattern

// apply方法接收两个参数，第一个将被绑定给this的值，第二个就是一个参数数组var array = [4, 5];var sum = add.apply(null, array);alert(sum);var statusObject = {status : 'A-OK'}var status = Quo.prototype.getStatus.apply(statusObject);alert(status)

??

?

?

?

?

?

?

?