成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

讀書筆記(you don't know js): this的理解（沒寫完...)

freewolf / 812人閱讀

摘要：基本概念首先，函數(shù)不能存儲的值，指向哪里，取決于調(diào)用它的對象。如果沒有這個對象，那默認(rèn)就是調(diào)用非嚴(yán)格模式下。也就是說是在運行的時候定義的，不是在綁定的時候定義的。

基本概念

首先，函數(shù)不能存儲this的值，this指向哪里，取決于調(diào)用它的對象。如果沒有這個對象，那默認(rèn)就是window調(diào)用（非嚴(yán)格模式下）。也就是說this是在運行的時候定義的，不是在綁定的時候定義的。

    function foo(num) {
        console.log("foo: " + num);
        this.count++
    }
    foo.count = 0;
    for(var i = 0; i < 10; i++) {
        foo(i);
    }
    console.log(foo.count) //輸出是0，因為調(diào)
    console.log(window.count) // 輸出是NAN, 因為window.count沒有初始值

再貼一段代碼

    function foo() {
        var a = 2;
        this.bar();
    }
    function bar() {
        console.log( this.a );
    }
    window.a = 3;
    foo();//輸出3,這個時候,是window.foo,因為bar也是由window調(diào)用
隱式綁定的問題

先看一個例子

    function foo() {
        console.log(this.a)
    }
    
    var obj = {
        foo: foo,
        a: 2
     }
     var bar = obj.foo();// 函數(shù)別名
     var a = "opps, global";
     obj.foo();// 輸出2
     bar();// 輸出opps, global,調(diào)用bar的是window

這個情況比較容易導(dǎo)致我們在傳回調(diào)函數(shù)的時候，出現(xiàn)this指向問題

    function foo() {
        console.log(this.a);
    }
    function doFoo(fn) {
        fn();
    }
    
    var obj = {
        a: 2,
        foo: foo
    }
    
    var a = "oops, global";
    doFoo(obj.foo); // 傳遞了一個函數(shù)過去，這個函數(shù)由window調(diào)用，所以最后輸出的是"opps, global"

當(dāng)然我們可以很簡單地用一個bind來解決問題

    doFoo(obj.foo.bind(obj)
顯示綁定（未完待續(xù)）

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103595.html

相關(guān)文章

  • 《You Don&#039;t Know JS》閱讀理解——this

    摘要：運行規(guī)則根據(jù)的運作原理，我們可以看到，的值和調(diào)用棧通過哪些函數(shù)的調(diào)用運行到調(diào)用當(dāng)前函數(shù)的過程以及如何被調(diào)用有關(guān)。 1. this的誕生 假設(shè)我們有一個speak函數(shù)，通過this的運行機制，當(dāng)使用不同的方法調(diào)用它時，我們可以靈活的輸出不同的name。 var me = {name: me}; function speak() { console.log(this.name); }...

    tianren124 評論0 收藏0

  • 《You Don&#039;t Know JS》閱讀理解——作用域

    摘要：在我們的程序中有很多變量標(biāo)識符，我們現(xiàn)在或者將來將使用它。當(dāng)我們使用時，如果并沒有找到這個變量，在非嚴(yán)格模式下，程序會默認(rèn)幫我們在全局創(chuàng)建一個變量。詞法作用域也就是說，變量的作用域就是他聲明的時候的作用域。 作用域 定義 首先我們來想想作用域是用來干什么的。在我們的程序中有很多變量（標(biāo)識符identifier），我們現(xiàn)在或者將來將使用它。那么多變量，我咋知道我有沒有聲明或者定義過他呢，...

    codeKK 評論0 收藏0

  • You Don&#039;t Know Js 閱讀筆記

    摘要：回調(diào)傳遞函數(shù)是將函數(shù)當(dāng)做值并作為參數(shù)傳遞給函數(shù)。這個例子中就是因為事件綁定機制中的傳入了回調(diào)函數(shù)，產(chǎn)生了閉包，引用著所在的作用域，所以此處的數(shù)據(jù)無法從內(nèi)存中釋放。 javascript作用域 一門語言需要一套設(shè)計良好的規(guī)則來存儲變量，并且之后可以方便的找到這些變量，這逃規(guī)則被稱為作用域。 這也意味著當(dāng)我們訪問一個變量的時候，決定這個變量能否訪問到的依據(jù)就是這個作用域。 一、詞法作用域 ...

    wanglu1209 評論0 收藏0

  • [翻譯]You Don&#039;t Know JS: this & Object Prot

    摘要：引用是從匿名函數(shù)內(nèi)部引用自身的唯一方法，不過，最好的方法是避免使用匿名函數(shù)，至少在那些需要引用自身的時候，使用命名函數(shù)或者表達(dá)式。 [翻譯]Chapter1 this or that 第一次翻譯，翻譯的不好，已經(jīng)再盡全力s去翻譯了,如果哪里看不明點，請出門左轉(zhuǎn)下邊原文地址 英文原文點擊這里 javascript中最令人困惑的東西就是this關(guān)鍵字，它在每個函數(shù)作用域中都會自動定義的一個...

    mingzhong 評論0 收藏0

  • You don&#039;t know cross-origin

    摘要：為什么會存在跨域問題同源策略由于出于安全考慮，瀏覽器規(guī)定不能操作其他域下的頁面，不能接受其他域下的請求不只是，引用非同域下的字體文件，還有引用非同域下的圖片，也被同源策略所約束只要協(xié)議域名端口有一者不同，就被視為非同域。 showImg(https://segmentfault.com/img/remote/1460000017093859?w=1115&h=366); Why 為什么...

    hersion 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<