資訊專欄INFORMATION COLUMN
摘要：對象在中就一直是個坑貨，很難判斷它到底指向什么，而我們由于來自或者的的經(jīng)驗，又常常會犯這一類的錯誤。接下來就詳細(xì)地講一下對象的歸屬。其他情況中的記住其他情況下均不會被改變，這里也是最容易犯錯的地方。
This對象在js中就一直是個坑貨，很難判斷它到底指向什么，而我們由于來自C++或者python的self的經(jīng)驗，又常常會犯這一類的錯誤。接下來就詳細(xì)地講一下this對象的歸屬。
rule1:全局環(huán)境的thisjavascript的環(huán)境天生就由函數(shù)來決定，在js里不能通過代碼塊隔開上下文，不被函數(shù)所包裹的環(huán)境就是全局環(huán)境，全局環(huán)境中的this就指向全局變量window，看下面一個例子
javascriptvar name="jjj"; console.log(this.name); //會成功輸出jjjrule2:作為方法調(diào)用時的this
顯然這種情況很好判斷，與python里的self是一致的，this毫無疑問指向調(diào)用方法的對象
javascriptvar user={
name:"kkk"
};
user.getName=function(){
console.log(this.name);
};
user.getName();
//會輸出kkk
rule3:作為構(gòu)造函數(shù)時的this
這時的this也不用我多說，顯然是指向新創(chuàng)建的對象，構(gòu)造函數(shù)的運(yùn)行其實并不創(chuàng)建對象，而僅僅是初始化，對象在運(yùn)行之前就已經(jīng)被創(chuàng)建
下面還是舉例說明
javascriptfunction User(name){
this.name=name;
}
var f1=new User("kkk");
var f2=User("kkk");
console.log(f1.name);//kkk
console.log(f2.name);//undefined沒有name屬性
rule4:間接調(diào)用中的this
所謂間接調(diào)用是指利用apply和call來調(diào)用函數(shù)，這時的this指向它們參數(shù)列表中的第一個參數(shù)。
rule5:其他情況中的this記住其他情況下this均不會被改變，這里也是最容易犯錯的地方。
javascriptvar name = "clever coder";
var person = {
name : "foocoder",
hello : function(sth){
var sayhello = function(sth) {
console.log(this.name + " says " + sth);
};
sayhello(sth);
}
}
person.hello("hello world");//clever coder says hello world
上面的代碼看起來很奇怪，難道this不應(yīng)該指向person嗎？
我們應(yīng)該記住被嵌套的函數(shù)中的this是不會指向嵌套它的函數(shù)，在這個例子里面就是sayhello中的this不會指向hello對應(yīng)的那個函數(shù)。如果我們把例子稍稍改一下變成
javascripthello:function(sth){
console.log(this.name + " says " + sth);
}
//foocoder says hello world
大家應(yīng)該已經(jīng)看明白了，這個時候，sayhello并非在作為方法調(diào)用，所以this指向全局對象。。。
這時候問題來了，用node運(yùn)行最初的例子會顯示undefined says hello world，不知道有沒有大神講解一下。
javascriptvar name = "clever coder";
var user={
name:"kkk"
};
user.getName=function(){
console.log(this.name);
};
var get=user.getName;
get();//clever coder
大家是否明白了？
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87659.html
摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對方法，包括，，。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。 怎樣使用 this 因為本人屬于偽前端，因此文中只看懂了 8 成左右，希望能夠給大家?guī)韼椭?...（據(jù)說是阿里的前端妹子寫的） this 的值到底...
摘要：和類在開始時遇到類組件，只是需要有關(guān)類的基礎(chǔ)。畢竟，中的條件呈現(xiàn)僅再次顯示大多數(shù)是而不是特定的任何內(nèi)容。 在我的研討會期間，更多的材料是關(guān)于JavaScript而不是React。其中大部分歸結(jié)為JavaScript ES6以及功能和語法，但也包括三元運(yùn)算符，語言中的簡寫版本，此對象，JavaScript內(nèi)置函數(shù)（map，reduce，filter）或更常識性的概念，如：可組合性，可重用...
摘要：對象在中，除了數(shù)字字符串布爾值這幾個簡單類型外，其他的都是對象。那么在函數(shù)對象中，這兩個屬性的有什么區(qū)別呢表示該函數(shù)對象的原型表示使用來執(zhí)行該函數(shù)時這種函數(shù)一般成為構(gòu)造函數(shù)，后面會講解，新創(chuàng)建的對象的原型。這時的函數(shù)通常稱為構(gòu)造函數(shù)。。 本文原發(fā)于我的個人博客，經(jīng)多次修改后發(fā)到sf上。本文仍在不斷修改中，最新版請訪問個人博客。 最近工作一直在用nodejs做開發(fā)，有了nodejs，...
摘要：所以相同點(diǎn)是，在全局范圍內(nèi)，全局變量終究是屬于老大的。只生效一次引入了。只生效一次在箭頭函數(shù)中，與封閉詞法環(huán)境的保持一致。我通常把這些原始函數(shù)叫做構(gòu)造函數(shù)。在里面你可以嵌套函數(shù)，也就是你可以在函數(shù)里面定義函數(shù)。 showImg(https://img-blog.csdnimg.cn/20190522000008399.jpg?x-oss-process=image/watermark,...
摘要：原文許多人被中的關(guān)鍵字給困擾住了，我想混亂的根源來自人們理所當(dāng)然地認(rèn)為中的應(yīng)該像中的或中的一樣工作。盡管有點(diǎn)難理解，但它的原理并不神秘。在瀏覽器中，全局對象是對象。運(yùn)算符創(chuàng)建一個新對象并且設(shè)置函數(shù)中的指向調(diào)用函數(shù)的新對象。 原文：Understanding the this keyword in JavaScript 許多人被JavaScript中的this關(guān)鍵字給困擾住了，我想混亂的...
閱讀 3756·2021-11-24 10:46
閱讀 1719·2021-11-15 11:38
閱讀 3773·2021-11-15 11:37
閱讀 3499·2021-10-27 14:19
閱讀 1958·2021-09-03 10:36
閱讀 2005·2021-08-16 11:02
閱讀 3012·2019-08-30 15:55
閱讀 2266·2019-08-30 15:44
