JavaScript函数调用模式

1、方法调用模式:

var myObj = {
    value : 0;
    increment:function(inc){
        this.value += typeof inc === 'number' ? inc : 1;
    }
}
myObj.increment();
console.info(myObj.value); // 1        

  

2、函数调用模式:

当一个函数并非一个对象的属性时,那么它被当做一个函数来使用,这时 this 被绑定到全局对象,要解决这个问题,需要在内部重新命名一个变量。获取内部函数的控制权

myObj.double = function(){
    var _self = this;
    var helper = function(){
        _self.value = add(_self.value,_self.value);
    }
    helper(); //函数形式调用helper
};
myObj.double();
console.info(myObj.value);

  

3、构造器模式:

如果在一个函数前面带上new来调用,那么将创建一个隐藏连接到该函数的prototype成研的新对象,同时this将会被绑定到新对象上。

var Quo = function(str){
    this.status = str;
}
Quo.prototype.get_status = function(){
    return this.status;
}
//构造一个Quo实例
var myQuo = new Quo("abc");
console.info(myQuo.get_status());

  

4、Apply 模式:

apply方法构建一个参数数组并用其去调用函数,也允许我们选择this值,apply接收两个参数,一个是将被绑定给this的值,另一个是参数数组。

var arr = [3,4];
var sum = add.apply(null,arr);

//构造一个包含status成员的对象
var statusObj = {
    status : "OK"
};
//statusObj 并没有继承自Quo.prototype,但可以在statusObj上调用get_status方法,尽管statusObj并没有一个名为get_status的方法。
var status = Quo.prototype.get_status.apply(statusObj);
console.info(status);  //"OK"
原文地址:https://www.cnblogs.com/hunterCecil/p/5690374.html