• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. 淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字

        時(shí)間:2024-08-19 03:01:56 JavaScript 我要投稿
        • 相關(guān)推薦

        淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字

          理解this

        淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字

          this是一個(gè)與執(zhí)行上下文(execution context,也就是作用域)相關(guān)的特殊對(duì)象。因此,它可以叫作上下文對(duì)象(也就是用來(lái)指明執(zhí)行上下文是在哪個(gè)上下 文中被觸發(fā)的對(duì)象)。

          任何對(duì)象都可以做為上下文中的this的值。在一些對(duì)ECMAScript執(zhí)行上下文和部分this的描述中的 所產(chǎn)生誤解。this經(jīng)常被錯(cuò)誤的描述成是變量對(duì)象的一個(gè)屬性。 再重復(fù)一次:

          this是執(zhí)行上下文的一個(gè)屬性,而不是變量對(duì)象的一個(gè)屬性。 這個(gè)特性非常重要,因?yàn)榕c變量相反,this從不會(huì)參與到標(biāo)識(shí)符解析過(guò)程。換句話說(shuō),在代碼中當(dāng)訪問(wèn)this的時(shí)候,它的值是直接從執(zhí)行上下文中獲取的,并不需要任何作用域鏈查找。this的值只在進(jìn)入上下文的時(shí)候進(jìn)行一次確定。

          代碼如下:

          hasOwnProperty:是用來(lái)判斷一個(gè)對(duì)象是否有你給出名稱的屬性或?qū)ο蟆2贿^(guò)需要注意的是,此方法無(wú)法檢查該對(duì)象的原型鏈中是否具有該屬性,該屬性必須是對(duì)象本身的一個(gè)成員。

          不知道看官們心里的答案是什么,正確的答案是true,false。

          代碼如下:

          要弄明白為什么是這樣,就必須要理解上面this所扮演的角色,所指代的對(duì)象。在《javascript語(yǔ)言精粹》一書(shū)中,指出了在javascript中一共有四種調(diào)用模式:

          1.方法調(diào)用模式

          2.函數(shù)調(diào)用模式

          3.構(gòu)造器調(diào)用模式

          4.apply調(diào)用模式

          而在這些模式當(dāng)中,對(duì)于如何初始化關(guān)鍵參數(shù)this上是存在不同差異的。

          方法調(diào)用模式

          當(dāng)一個(gè)函數(shù)被保存為對(duì)象的一個(gè)屬性時(shí),我們稱它為一個(gè)方法。當(dāng)一個(gè)方法被調(diào)用時(shí),this被綁定到該對(duì)象。注意加粗的這句是重點(diǎn):

          代碼如下:

          // 創(chuàng)建myObject。它有一個(gè)value屬性和一個(gè)increment方法

          這里,方法increment可以使用this去訪問(wèn)myObject對(duì)象,所以可以改變value的值。而且,this到對(duì)象的綁定發(fā)生在調(diào)用的時(shí)候。

          函數(shù)調(diào)用模式

          如果一個(gè)函數(shù)并非一個(gè)對(duì)象的屬性時(shí),那么它被當(dāng)作一個(gè)函數(shù)來(lái)調(diào)用,此時(shí),this被綁定到全局對(duì)象,書(shū)上說(shuō)這是js語(yǔ)言設(shè)計(jì)的一個(gè)缺陷。倘若設(shè)計(jì)正確,當(dāng)內(nèi)部函數(shù)被調(diào)用的時(shí),this應(yīng)該仍然綁定到外部函數(shù)的this變量。拋開(kāi)對(duì)語(yǔ)言設(shè)計(jì)的正確與否討論,要當(dāng)函數(shù)調(diào)用模式時(shí)this變量依舊綁定到該對(duì)象,有如下經(jīng)典解決方案:

          代碼如下:

          即是給該方法定義一個(gè)變量并且把它賦值為this,那么內(nèi)部函數(shù)就可以通過(guò)那個(gè)變量訪問(wèn)到this,按照約定,給那個(gè)變量命名為that。

          構(gòu)造器調(diào)用模式

          構(gòu)造器調(diào)用模式即是我一開(kāi)頭給出的例子所提到的。如果在一個(gè)函數(shù)前面帶上new來(lái)調(diào)用,那么將創(chuàng)建一個(gè)連接到該函數(shù)的prototype成員新對(duì)象,同時(shí)this將會(huì)被綁定到那個(gè)新對(duì)象上。聽(tīng)上去十分拗口且難以理解,先再看個(gè)demo:

          簡(jiǎn)單來(lái)說(shuō),Quo對(duì)象下的this在被用為構(gòu)造一個(gè)新實(shí)例即new時(shí),this指代的是新生成的myQuo對(duì)象而不是Quo對(duì)象本身。

          一句話,重點(diǎn)就是:原型中的this不是指的原型對(duì)象,而是調(diào)用對(duì)象。

          再回過(guò)頭看一開(kāi)始的demo,就很好理解了,在執(zhí)行myTest.fun()時(shí),this指代了myTest對(duì)象,所以生成了一個(gè)foo屬性值為“banana”,所以myTest.hasOwnProperty("foo")返回值為true。

          Apply調(diào)用模式

          因?yàn)閖avascript是一門函數(shù)式面向?qū)ο缶幊陶Z(yǔ)言,所以函數(shù)可以擁有方法。apply方法讓我們構(gòu)建一個(gè)參數(shù)數(shù)組并用其去調(diào)用其他函數(shù),apply方法接收兩個(gè)參數(shù),第一個(gè)是將被綁定的this的值,第二個(gè)是參數(shù)數(shù)組。說(shuō)簡(jiǎn)單直接一點(diǎn)就是apply方法能劫持另外一個(gè)對(duì)象的方法,繼承另外一個(gè)對(duì)象的屬性. 推薦可以看js中apply方法的使用詳細(xì)解析 ,就不擺demo了。

        《&.doc》
        将本文的Word文档下载到电脑,方便收藏和打印
        推荐度:
        点击下载文档

        【淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字】相關(guān)文章:

        JavaScript中的with關(guān)鍵字03-25

        淺談javascript中的單線程理解03-30

        有關(guān)深入理解JavaScript中的并行處理的介紹03-30

        JavaScript學(xué)習(xí)筆記03-30

        在Java中執(zhí)行JavaScript代碼04-01

        Javascript中typeof 用法歸納04-01

        perl- javascript中class的機(jī)制03-25

        JavaScript中的三種對(duì)象04-01

        抽象語(yǔ)法樹(shù)在JavaScript中的應(yīng)用03-25

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 日韩一区二区欧美一区 | 日本亚洲国产一区二区三区 | 一区二区三区高清aⅴ专区 三级网站免在线看 | 色婷婷综合久久久久中文国产精品 | 亚洲欧美日韩综合久久久久久 | 伊人久久大香线蕉亚洲五月天 |

            淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字

              理解this

            淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字

              this是一個(gè)與執(zhí)行上下文(execution context,也就是作用域)相關(guān)的特殊對(duì)象。因此,它可以叫作上下文對(duì)象(也就是用來(lái)指明執(zhí)行上下文是在哪個(gè)上下 文中被觸發(fā)的對(duì)象)。

              任何對(duì)象都可以做為上下文中的this的值。在一些對(duì)ECMAScript執(zhí)行上下文和部分this的描述中的 所產(chǎn)生誤解。this經(jīng)常被錯(cuò)誤的描述成是變量對(duì)象的一個(gè)屬性。 再重復(fù)一次:

              this是執(zhí)行上下文的一個(gè)屬性,而不是變量對(duì)象的一個(gè)屬性。 這個(gè)特性非常重要,因?yàn)榕c變量相反,this從不會(huì)參與到標(biāo)識(shí)符解析過(guò)程。換句話說(shuō),在代碼中當(dāng)訪問(wèn)this的時(shí)候,它的值是直接從執(zhí)行上下文中獲取的,并不需要任何作用域鏈查找。this的值只在進(jìn)入上下文的時(shí)候進(jìn)行一次確定。

              代碼如下:

              hasOwnProperty:是用來(lái)判斷一個(gè)對(duì)象是否有你給出名稱的屬性或?qū)ο蟆2贿^(guò)需要注意的是,此方法無(wú)法檢查該對(duì)象的原型鏈中是否具有該屬性,該屬性必須是對(duì)象本身的一個(gè)成員。

              不知道看官們心里的答案是什么,正確的答案是true,false。

              代碼如下:

              要弄明白為什么是這樣,就必須要理解上面this所扮演的角色,所指代的對(duì)象。在《javascript語(yǔ)言精粹》一書(shū)中,指出了在javascript中一共有四種調(diào)用模式:

              1.方法調(diào)用模式

              2.函數(shù)調(diào)用模式

              3.構(gòu)造器調(diào)用模式

              4.apply調(diào)用模式

              而在這些模式當(dāng)中,對(duì)于如何初始化關(guān)鍵參數(shù)this上是存在不同差異的。

              方法調(diào)用模式

              當(dāng)一個(gè)函數(shù)被保存為對(duì)象的一個(gè)屬性時(shí),我們稱它為一個(gè)方法。當(dāng)一個(gè)方法被調(diào)用時(shí),this被綁定到該對(duì)象。注意加粗的這句是重點(diǎn):

              代碼如下:

              // 創(chuàng)建myObject。它有一個(gè)value屬性和一個(gè)increment方法

              這里,方法increment可以使用this去訪問(wèn)myObject對(duì)象,所以可以改變value的值。而且,this到對(duì)象的綁定發(fā)生在調(diào)用的時(shí)候。

              函數(shù)調(diào)用模式

              如果一個(gè)函數(shù)并非一個(gè)對(duì)象的屬性時(shí),那么它被當(dāng)作一個(gè)函數(shù)來(lái)調(diào)用,此時(shí),this被綁定到全局對(duì)象,書(shū)上說(shuō)這是js語(yǔ)言設(shè)計(jì)的一個(gè)缺陷。倘若設(shè)計(jì)正確,當(dāng)內(nèi)部函數(shù)被調(diào)用的時(shí),this應(yīng)該仍然綁定到外部函數(shù)的this變量。拋開(kāi)對(duì)語(yǔ)言設(shè)計(jì)的正確與否討論,要當(dāng)函數(shù)調(diào)用模式時(shí)this變量依舊綁定到該對(duì)象,有如下經(jīng)典解決方案:

              代碼如下:

              即是給該方法定義一個(gè)變量并且把它賦值為this,那么內(nèi)部函數(shù)就可以通過(guò)那個(gè)變量訪問(wèn)到this,按照約定,給那個(gè)變量命名為that。

              構(gòu)造器調(diào)用模式

              構(gòu)造器調(diào)用模式即是我一開(kāi)頭給出的例子所提到的。如果在一個(gè)函數(shù)前面帶上new來(lái)調(diào)用,那么將創(chuàng)建一個(gè)連接到該函數(shù)的prototype成員新對(duì)象,同時(shí)this將會(huì)被綁定到那個(gè)新對(duì)象上。聽(tīng)上去十分拗口且難以理解,先再看個(gè)demo:

              簡(jiǎn)單來(lái)說(shuō),Quo對(duì)象下的this在被用為構(gòu)造一個(gè)新實(shí)例即new時(shí),this指代的是新生成的myQuo對(duì)象而不是Quo對(duì)象本身。

              一句話,重點(diǎn)就是:原型中的this不是指的原型對(duì)象,而是調(diào)用對(duì)象。

              再回過(guò)頭看一開(kāi)始的demo,就很好理解了,在執(zhí)行myTest.fun()時(shí),this指代了myTest對(duì)象,所以生成了一個(gè)foo屬性值為“banana”,所以myTest.hasOwnProperty("foo")返回值為true。

              Apply調(diào)用模式

              因?yàn)閖avascript是一門函數(shù)式面向?qū)ο缶幊陶Z(yǔ)言,所以函數(shù)可以擁有方法。apply方法讓我們構(gòu)建一個(gè)參數(shù)數(shù)組并用其去調(diào)用其他函數(shù),apply方法接收兩個(gè)參數(shù),第一個(gè)是將被綁定的this的值,第二個(gè)是參數(shù)數(shù)組。說(shuō)簡(jiǎn)單直接一點(diǎn)就是apply方法能劫持另外一個(gè)對(duì)象的方法,繼承另外一個(gè)對(duì)象的屬性. 推薦可以看js中apply方法的使用詳細(xì)解析 ,就不擺demo了。