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

資訊專欄INFORMATION COLUMN

【轉(zhuǎn)】js中this用法

Render / 1485人閱讀

摘要:中的譯理解并掌握中的用法關(guān)鍵只有一個(gè)對(duì)象調(diào)用了包含函數(shù)時(shí),才被賦值,并且所賦的值只依賴于調(diào)用了包含函數(shù)的對(duì)象使用原則永遠(yuǎn)指向一個(gè)對(duì)象,并且擁有著個(gè)對(duì)象的值在嚴(yán)格模式下,在全局作用域中和匿名函數(shù)中,指向當(dāng)在一個(gè)函數(shù)內(nèi)出現(xiàn)的時(shí)候,指向調(diào)用這個(gè)函

javascript中的this

譯:理解并掌握 JavaScript 中 this 的用法

關(guān)鍵

只有一個(gè)對(duì)象調(diào)用了包含this函數(shù)時(shí),this才被賦值,并且所賦的值只依賴于調(diào)用了包含this函數(shù)的對(duì)象

使用原則

this永遠(yuǎn)指向一個(gè)對(duì)象,并且擁有著個(gè)對(duì)象的值

在嚴(yán)格模式下,在全局作用域中和匿名函數(shù)中,this指向undefined

當(dāng)this在一個(gè)函數(shù)內(nèi)出現(xiàn)的時(shí)候,this指向調(diào)用這個(gè)函數(shù)的對(duì)象

易錯(cuò)場(chǎng)景

包含this的方法被當(dāng)作回調(diào)函數(shù)

    $("button").click(callback);

期待this指向:包含該方法的對(duì)象

實(shí)際this指向:調(diào)用了回調(diào)函數(shù)的對(duì)象

解決辦法:bind

this出現(xiàn)在閉包內(nèi)

   
       ...
    example: function(){
        [1,2,3,4].forEach(function(item){
           this.test(item)
       })
   }
       ...

期待this指向:外層函數(shù)的this指向

實(shí)際this指向:undefined或者全局對(duì)象

解決辦法:使用另外一個(gè)變量保存this

把包含this的方法賦給一個(gè)變量

   var user = {
       name: "hhh",
       sayName: function(){
           console.log(this.name);
       }
   }
   var test = user.sayName;
   test();//  全局變量的this

期待this指向:包含該方法的對(duì)象

實(shí)際this指向:包含該變量的對(duì)象

解決辦法:bind

借用包含this的方法

    var user1 = {
        name: "hhh",
        sayName: function(){
            console.log(this.name);
        }
    }    
    var user2 = {
        name: "ggg"
    }
    user2.ggg = user1.sayName();//

期待`this`指向:借用`this`方法的對(duì)象

實(shí)際`this`指向:包含該`this`方法的對(duì)象

解決辦法:`apply`

this的使用是一個(gè)經(jīng)常容易出錯(cuò)的地方,但是只要把握一個(gè)原則,即

this總是指向調(diào)用包含this的方法的對(duì)象

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79268.html

相關(guān)文章

  • JS學(xué)習(xí)數(shù)組Array方法集合

    摘要:標(biāo)準(zhǔn)用法,作用數(shù)組元素顛倒位置,傳參無返回值顛倒后的數(shù)組。,傳參指定一個(gè)字符串來分隔數(shù)組的每個(gè)元素選返回值一個(gè)所有數(shù)組元素連接的字符串標(biāo)準(zhǔn)用法的值變?yōu)榈闹底優(yōu)樽饔貌蓚€(gè)或多個(gè)數(shù)組。 1.Array數(shù)組的方法 Mutator方法————突變方法會(huì)改變數(shù)組自身的值; Accessor方法————訪問方法不會(huì)改變數(shù)組自身的值; Iteration方法————遍歷的方法 ; 2.Mu...

    Object 評(píng)論0 收藏0
  • VUE使用踩過的坑

    摘要:前言如今可謂是一匹黑馬數(shù)已居第一位前端開發(fā)對(duì)于的使用已經(jīng)越來越多,它的優(yōu)點(diǎn)就不做介紹了本篇是我對(duì)使用過程中以及對(duì)一些社區(qū)朋友提問我的問題中做的一些總結(jié)幫助大家踩坑。隨后的重新渲染,元素組件及其所有的子節(jié)點(diǎn)將被視為靜態(tài)內(nèi)容并跳過。 前言 vue如今可謂是一匹黑馬,github star數(shù)已居第一位!前端開發(fā)對(duì)于vue的使用已經(jīng)越來越多,它的優(yōu)點(diǎn)就不做介紹了,本篇是我對(duì)vue使用過程中以及...

    big_cat 評(píng)論0 收藏0
  • jQuery$()函數(shù)的7種用法匯總

    摘要:前言對(duì)象是一個(gè)類數(shù)組的對(duì)象,含有連續(xù)的整形屬性以及一系列的方法。它把所有的操作都包裝在一個(gè)函數(shù)中,形成了統(tǒng)一也是惟一的操作入口。從而避免重復(fù)創(chuàng)建對(duì)象。 前言 jQuery對(duì)象是一個(gè)類數(shù)組的對(duì)象,含有連續(xù)的整形屬性以及一系列的jQuery方法。它把所有的操作都包裝在一個(gè)jQuery()函數(shù)中,形成了統(tǒng)一(也是惟一)的操作入口。其中我們用的非常頻繁的一個(gè)函數(shù)是$()或者說是jQuery()...

    calx 評(píng)論0 收藏0
  • 進(jìn)擊的 JavaScript(一) 之 類型轉(zhuǎn)

    摘要:實(shí)際上,我們通常認(rèn)為是自有類型的唯一成員。比較運(yùn)算符的操作數(shù)可能是任意類型。結(jié)果只有,例得到操作值等價(jià)的布爾值真值為,假值為等同于,經(jīng)常稱為強(qiáng)制轉(zhuǎn)換。結(jié)果返回布爾值的用法是中唯一一個(gè)不等于任何值的包括它自己。 說起 js 類型轉(zhuǎn)換,都是頭疼吧,暈暈的,但是不行啊,這東西很重要滴! 基礎(chǔ)知識(shí) JavaScript的數(shù)據(jù)類型分為六種,分別為null, undefined, boolean,...

    Scholer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<