国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript中的this詳解

2024-05-06 16:11:43
字體:
來源:轉載
供稿:網友
JavaScript 中的 this 關鍵字,深入淺出的分析其在不同情況下的含義,形成這種情況的原因以及 Dojo 等 JavaScript 工具中提供的綁定 this 的方法。可以這樣說,正確掌握了 JavaScript 中的 this 關鍵字,才算邁入了 JavaScript 這門語言的門檻。
 
 

This對象在js中就一直是個坑貨,很難判斷它到底指向什么,而我們由于來自C++或者python的self的經驗,又常常會犯這一類的錯誤。接下來就詳細地講一下this對象的歸屬。

rule1:全局環境的this

javascript的環境天生就由函數來決定,在js里不能通過代碼塊隔開上下文,不被函數所包裹的環境就是全局環境,全局環境中的this就指向全局變量window,看下面一個例子

 

復制代碼代碼如下:

var name='jjj';
console.log(this.name);
//會成功輸出jjj

 

rule2:作為方法調用時的this

顯然這種情況很好判斷,與python里的self是一致的,this毫無疑問指向調用方法的對象

 

復制代碼代碼如下:

var user={
    name:'kkk'
};
user.getName=function(){
    console.log(this.name);
};
user.getName();
//會輸出kkk

 

rule3:作為構造函數時的this

這時的this也不用我多說,顯然是指向新創建的對象,構造函數的運行其實并不創建對象,而僅僅是初始化,對象在運行之前就已經被創建
下面還是舉例說明

 

復制代碼代碼如下:

function 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:間接調用中的this

所謂間接調用是指利用apply和call來調用函數,這時的this指向它們參數列表中的第一個參數。

 

復制代碼代碼如下:

var setName=function(name){
    this.name=name;
};
var user={level:2};
user.apply(setName,'jjj');
console.log(user.name);//jjj

 

rule5:其他情況中的this

記住其他情況下this均不會被改變,這里也是最容易犯錯的地方。

 

復制代碼代碼如下:

var 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不應該指向person嗎?
我們應該記住被嵌套的函數中的this是不會指向嵌套它的函數,在這個例子里面就是sayhello中的this不會指向hello對應的那個函數。如果我們把例子稍稍改一下變成

 

復制代碼代碼如下:

hello:function(sth){
    console.log(this.name + " says " + sth);
}
//foocoder says hello world

 

大家應該已經看明白了,這個時候,sayhello并非在作為方法調用,所以this指向全局對象。。。
這時候問題來了,用node運行最初的例子會顯示undefined says hello world,不知道有沒有大神講解一下。

rule6:eval破壞所有規則

最后以一個例子結束

 

復制代碼代碼如下:

var name = "clever coder";
var user={
    name:'kkk'
};
user.getName=function(){
    console.log(this.name);
};
var get=user.getName;
get();//clever coder

 

大家是否明白了?


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 房产| 绿春县| 玛曲县| 花垣县| 江津市| 镇安县| 兴安县| 江油市| 汕头市| 陇川县| 贵德县| 筠连县| 玉溪市| 丰台区| 太湖县| 齐齐哈尔市| 衡南县| 铜川市| 剑川县| 澄江县| 石渠县| 泾阳县| 深水埗区| 亚东县| 通州市| 那坡县| 工布江达县| 徐闻县| 体育| 建宁县| 延寿县| 三明市| 宜春市| 襄城县| 大石桥市| 五大连池市| 黔西县| 长阳| 平度市| 江源县| 达州市|