Javascript應(yīng)該是現(xiàn)在最流行的跨平臺(tái)語(yǔ)言之一，一直在玩前端的一些有意思的東西，發(fā)現(xiàn)竟然沒(méi)有掌握好這門(mén)語(yǔ)言。有點(diǎn)舍本逐末，于是想趁著現(xiàn)在這有空的時(shí)候好好補(bǔ)充一點(diǎn)遺漏的東西。

this的隱性綁定

一開(kāi)始這是我很迷惑的東西，剛開(kāi)始看到的時(shí)候，不理解。而后，在相似的情況下，又能用類(lèi)似的方法解決同樣的問(wèn)題。便試著理清這其中的知識(shí)，方便于查找。

這是一個(gè)Javascript語(yǔ)言上設(shè)計(jì)的錯(cuò)誤，但是似乎這個(gè)錯(cuò)誤是不可避免的，函數(shù)是對(duì)象，數(shù)組是對(duì)象等等。引用《Javascript: The Good Parts》中的例子

復(fù)制代碼代碼如下:

function add (a,b) {return a+b}

 var sum = add (3,4);

 console.log(sum); //sum = 7

此時(shí)sum的結(jié)果是7。

復(fù)制代碼代碼如下:

 > typeof add

 > 'number'

在這里可以看到，add的類(lèi)型是數(shù)值。

以此模式調(diào)用函數(shù)時(shí)，this被綁定到全局變量。
也就是在現(xiàn)在的環(huán)境下，我們可以這樣調(diào)用this

復(fù)制代碼代碼如下:

this.add(3,4)

這就是this的隱性綁定，而this會(huì)以不同的方式被綁定。

復(fù)制代碼代碼如下:

var hello = function (){

    return "Hello, " + this.name;

};

name = 'this';

console.log(hello());

這時(shí)我們就會(huì)得到Hello,this。而當(dāng)

復(fù)制代碼代碼如下:

var hello = function (){
    return "Hello, " + this.name;
};
var user = {
    hello : hello,
    name : 'phodal'，

};
console.log(user.hello());

這時(shí)user中的hello便指向了hello函數(shù)，而這在我們的理解中，這怎么可能，所以是個(gè)Bug。

如果我們?cè)谶@個(gè)方法中定義一個(gè)變量并給它賦值this,那么內(nèi)部函數(shù)就可以通過(guò)那個(gè)變量訪問(wèn)到this。

var that = this

于是當(dāng)情況稍微復(fù)雜一點(diǎn)的時(shí)候我們就需要用到:

復(fù)制代碼代碼如下:

vat that = this;

tips:

1.this變量的作用域總是由其最近的封閉函數(shù)所確定。
2.使用一個(gè)局部變量(如me,self,that)讓this綁定對(duì)于內(nèi)部是可用的。

一個(gè)簡(jiǎn)單的例子:

復(fù)制代碼代碼如下:

var M = function(){
this.name = "M";
};

var MM = function(){
z = new M();
this.name = "MM";

    z.printName = function(){
        console.log(this.name);
    };
    return z.printName();
};

var mm = new MM;

這時(shí)的this指向的是M函數(shù)，而由MM自身。如果我們將M中的this去掉，那么返回的就是一個(gè)undefined。于是我們就創(chuàng)建一個(gè)當(dāng)前this作用域的別名，如that或者self等等:

復(fù)制代碼代碼如下:

var MM = function(){

    z = new M();

    this.name = "MM";

    var self = this;

    z.printName = function(){

        console.log(self.name);

    };

    return z.printName();

};

這樣就能返回一個(gè)MM了。除此之外，在ES5中可以用回調(diào)函數(shù)的bind方法。

復(fù)制代碼代碼如下:

var MM = function(){

    z = new M();

    this.name = "MM";

    z.printName = function(){

        console.log(this.name);

    }.bind(this);

    return z.printName();

};

bind可以將方法綁定到接收者。

其他

又一個(gè)hello,world

在一次偶然的機(jī)會(huì)中遇到print('Hello')('World'),然后輸出了'Hello, World'。

所謂的高階函數(shù)，看上去似乎很有用，有興趣可以看看下一篇。

您可能感興趣的文章: