1. 程式人生 > 實用技巧 >js簡單實現鏈式呼叫

js簡單實現鏈式呼叫

鏈式呼叫原理:

鏈式呼叫原理就是作用域鏈;實現需要做的工作;

物件方法的處理 (操作方法)

處理完成返回物件的引用(操作物件)

第2步鏈式實現的方式:

  1. <1> this的作用域鏈,jQuery的實現方式;
    <2> 返回物件本身, 同this的區別就是顯示返回鏈式物件;

一:

var person = {
    set: function (age){
        this.age = 10;  //this呼叫位置決定其詞法作用域
        return person ;
    },
    get: function (){
        var age = this.age;
        if(age < 6){
            return '我還是個寶寶';
        }else if(age < 18){
            return '我還是個少年';
        }else{
         //……
        }
    }
}

資源搜尋網站大全 https://www.renrenfan.com.cn 廣州VI設計公司https://www.houdianzi.com

二:

var Person = function() {};
Person.prototype.set = function (age){
    this.age = 10; 
    return this; //this呼叫位置決定其詞法作用域
}
Person.prototype.get = function (){
    var age = this.age;
    if(age < 6){
        return '我還是個寶寶';
    }else if(age < 18){
        return '我還是個少年';
    }else{
     //……
    }
}

var person = new Person();
person.set(10).get(); // '我還是個少年'