国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Javascript this 的一些學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】

suemi / 3214人閱讀

摘要：發(fā)生這種情況的條件是當(dāng)引用類型值的對象恰好為活躍對象。總結(jié)本文介紹中的使用，更重要的是幫助我們能更好地理解值在全局函數(shù)構(gòu)造函數(shù)以及一些特例的情況中值的變化。然而，由于對于來說沒有任何意義，因此會隱式轉(zhuǎn)換為全局對象。

接上一篇Javascript this 的一些學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】

引用類型以及this的null值

對于前面提及的情形，還有例外的情況，當(dāng)調(diào)用表達(dá)式左側(cè)是引用類型的值，但是this的值卻是null，最終變?yōu)槿謱ο螅╣lobal object）。 發(fā)生這種情況的條件是當(dāng)引用類型值的base對象恰好為活躍對象（activation object）。

當(dāng)內(nèi)部子函數(shù)在父函數(shù)中被調(diào)用的時候就會發(fā)生這種情況，通過下面的示意代碼介紹活躍對象：

// Declares foo function.
function foo() {
  function bar() {
    alert(this); // global
  }
  // The same as AO.bar().  
  bar();
}

由于活躍對象（activation object）總是會返回this值為——null（用偽代碼來表示AO.bar()就相當(dāng)于null.bar()），然后，this的值最終會由null轉(zhuǎn)變?yōu)槿謱ο蟆?/p>

當(dāng)函數(shù)調(diào)用包含在with語句的代碼塊中，并且with對象包含一個函數(shù)屬性的時候，就會出現(xiàn)例外的情況。with語句會將該對象添加到作用域鏈的最前面，在活躍對象的之前。 相應(yīng)地，在引用類型的值（標(biāo)識符或者屬性訪問）的情況下，base對象就不再是活躍對象了，而是with語句的對象。另外，值得一提的是，它不僅僅只針對內(nèi)部函數(shù)，全局函數(shù)也是如此， 原因就是with對象掩蓋了作用域鏈中更高層的對象（全局對象或者活躍對象）：

函數(shù)作為構(gòu)造器被調(diào)用時this的值

函數(shù)作為構(gòu)造函數(shù)時，我們通過new操作符創(chuàng)建實例對象是，它會調(diào)用Foo()函數(shù)的內(nèi)部[[Construct]]方法；在對象創(chuàng)建之后，會調(diào)用內(nèi)部的[[Call]]方法，然后所有Foo()函數(shù)中this的值會設(shè)置為新創(chuàng)建的對象。

// Declares constructor
function Foo() {
  // The new object.
  alert(this);
  this.x = 10;
}
 
var foo = new Foo();
foo.x = 23;
alert(foo.x); // 23

手動設(shè)置函數(shù)調(diào)用時this的值

Function.prototype原型上定義了兩個方法，允許手動指定函數(shù)調(diào)用時this的值。這兩個方法分別是：.apply()和.call()。這兩個方法都接受第一個參數(shù)作為調(diào)用上下文中this的值，而這兩個方法的區(qū)別是傳遞的參數(shù)，對于.apply()方法來說，第二個參數(shù)接受數(shù)組類型（或者是類數(shù)組的對象，比如arguments）, 而.call()方法接受任意多的參數(shù)（通過逗號分隔）；這兩個方法只有第一個參數(shù)是必要的——this的值。

通過示例代碼介紹call()方法和apply()方法的使用：

var myObject = {};
 
var myFunction = function(param1, param2) {
    
  //setviacall()"this"points to my Object when function is invoked
  this.foo = param1;
  this.bar = param2;
    
  //logs Object{foo = "foo", bar = "bar"}
  console.log(this); 
};
 
// invokes function, set this value to myObject
myFunction.call(myObject, "foo", "bar"); 

// logs Object {foo = "foo", bar = "bar"}
console.log(myObject);

call()方法第一個參數(shù)是必要的this值，接著我們可以傳遞任意多個參數(shù)，接著介紹apply()方法的使用。

var myObject = {};
 
var myFunction = function(param1, param2) {
    
  //set via apply(), this points to my Object when function is invoked
  this.foo=param1;
  this.bar=param2;
    
  // logs Object{foo="foo", bar="bar"}  
  console.log(this); 
};
 
// invoke function, set this value
myFunction.apply(myObject, ["foo", "bar"]); 

// logs Object {foo = "foo", bar = "bar"}
console.log(myObject);

通過與call()方法對比，我們發(fā)現(xiàn)apply()方法和call()方法沒有太大的區(qū)別，只是方法簽名不一樣。

總結(jié)

本文介紹Javascript中this的使用，更重要的是幫助我們能更好地理解this值在全局、函數(shù)、構(gòu)造函數(shù)以及一些特例的情況中值的變化。

對于在函數(shù)上下文中this的值是函數(shù)調(diào)用者提供并且由當(dāng)前調(diào)用表達(dá)式的形式而定的。如果在調(diào)用括號()的左邊有引用類型的值，那么this的值就會設(shè)置為該引用類型值的base對象。 所有其他情況下（非引用類型），this的值總是null。然而，由于null對于this來說沒有任何意義，因此會隱式轉(zhuǎn)換為全局對象。

對于特例情況，我們要記住賦值符、逗號操作符以及||邏輯表達(dá)式，會使this丟失原先的引用類型值，變成了函數(shù)類型，this的值就變成了全局對象了

參考

http://dmitrysoshnikov.com/ec...英文版

http://blog.goddyzhao.me/post... 譯文

https://net.tutsplus.com/tuto...

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88108.html

相關(guān)文章

  • Javascript Context和Scope的學(xué)習(xí)總結(jié)02【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：總結(jié)本博文通過介紹執(zhí)行上下文和作用域的異同的使用以及變量對象，讓我們加深對語言特性的理解。首先，我們介紹了執(zhí)行上下文和的的關(guān)系，并且執(zhí)行上下文是具有對象的然后，介紹了作用域使變量在作用域范圍內(nèi)可見，并且作用域是基于函數(shù)的。 接上一篇Javascript Context和Scope的學(xué)習(xí)總結(jié)01【轉(zhuǎn)自cnblogs的JKhuang】（可能是segmentfault對單篇文章發(fā)布字?jǐn)?shù)有限制...

    Aldous 評論0 收藏0

  • Javascript this 的一些學(xué)習(xí)總結(jié)01【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：函數(shù)上下文中的值是函數(shù)調(diào)用者提供并且由當(dāng)前調(diào)用表達(dá)式的形式而定的。然而，由于對于來說沒有任何意義，因此會隱式轉(zhuǎn)換為全局對象。這里注意到四個表達(dá)式中，只有第一個表達(dá)式是指向?qū)ο蟮模渌齻€表達(dá)式則執(zhí)行。 摘要 相信有C++、C#或Java等編程經(jīng)驗的各位，對于this關(guān)鍵字再熟悉不過了。由于Javascript是一種面向?qū)ο蟮木幊陶Z言，它和C++、C#或Java一樣都包含this關(guān)鍵字...

    Thanatos 評論0 收藏0

  • Javascript Context和Scope的學(xué)習(xí)總結(jié)01【轉(zhuǎn)自cnblogs的JKhuang】

    摘要：正文執(zhí)行環(huán)境也稱為環(huán)境是中最為重要的一個概念。執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問的其他數(shù)據(jù)，決定了它們各自的行為。簡而言之，執(zhí)行環(huán)境是基于對象的，而作用域是基于函數(shù)的。 前述 在我們學(xué)習(xí)Javascript過程中，常常會遇到作用域（Scope）和執(zhí)行上下文（Context）等概念。其中，執(zhí)行上下文與this關(guān)鍵字的關(guān)系密切。 有面向?qū)ο缶幊探?jīng)驗的各位，對于this關(guān)鍵字再熟悉不過了，因此...

    April 評論0 收藏0

  • 開發(fā)中遇到的問題總結(jié)

    摘要：獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對象數(shù)組按對象屬性排序 VUE 1、vue——解決You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    Yuqi 評論0 收藏0

發(fā)表評論

0條評論

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