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