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

資訊專欄INFORMATION COLUMN

javascript中的this

ZweiZhao / 1212人閱讀

摘要：對象在中就一直是個坑貨，很難判斷它到底指向什么，而我們由于來自或者的的經驗，又常常會犯這一類的錯誤。接下來就詳細地講一下對象的歸屬。其他情況中的記住其他情況下均不會被改變，這里也是最容易犯錯的地方。

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

rule1:全局環境的this

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

javascriptvar name="jjj";
console.log(this.name);
//會成功輸出jjj
rule2:作為方法調用時的this

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

javascriptvar user={
    name:"kkk"
};
user.getName=function(){
    console.log(this.name);
};
user.getName();
//會輸出kkk
rule3:作為構造函數時的this

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

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

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

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

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

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

rule6:eval破壞所有規則 最后以一個例子結束 
javascriptvar name = "clever coder";
var user={
    name:"kkk"
};
user.getName=function(){
    console.log(this.name);
};
var get=user.getName;
get();//clever coder

大家是否明白了？

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87659.html

相關文章

  • JavaScript深入淺出

    摘要：理解的函數基礎要搞好深入淺出原型使用原型模型，雖然這經常被當作缺點提及，但是只要善于運用，其實基于原型的繼承模型比傳統的類繼承還要強大。中文指南基本操作指南二繼續熟悉的幾對方法，包括，，。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。 怎樣使用 this 因為本人屬于偽前端，因此文中只看懂了 8 成左右，希望能夠給大家帶來幫助....（據說是阿里的前端妹子寫的） this 的值到底...

    blair 評論0 收藏0

  • 學習React之前你需要知道的的JavaScript基礎知識

    摘要：和類在開始時遇到類組件，只是需要有關類的基礎。畢竟，中的條件呈現僅再次顯示大多數是而不是特定的任何內容。 在我的研討會期間，更多的材料是關于JavaScript而不是React。其中大部分歸結為JavaScript ES6以及功能和語法，但也包括三元運算符，語言中的簡寫版本，此對象，JavaScript內置函數（map，reduce，filter）或更常識性的概念，如：可組合性，可重用...

    bitkylin 評論0 收藏0

  • JavaScript中的面向對象（object-oriented）編程

    摘要：對象在中，除了數字字符串布爾值這幾個簡單類型外，其他的都是對象。那么在函數對象中，這兩個屬性的有什么區別呢表示該函數對象的原型表示使用來執行該函數時這種函數一般成為構造函數，后面會講解，新創建的對象的原型。這時的函數通常稱為構造函數。。 本文原發于我的個人博客，經多次修改后發到sf上。本文仍在不斷修改中，最新版請訪問個人博客。 最近工作一直在用nodejs做開發，有了nodejs，...

    JerryZou 評論0 收藏0

  • JavaScript進階之’this‘

    摘要：所以相同點是，在全局范圍內，全局變量終究是屬于老大的。只生效一次引入了。只生效一次在箭頭函數中，與封閉詞法環境的保持一致。我通常把這些原始函數叫做構造函數。在里面你可以嵌套函數，也就是你可以在函數里面定義函數。 showImg(https://img-blog.csdnimg.cn/20190522000008399.jpg?x-oss-process=image/watermark,...

    shenhualong 評論0 收藏0

  • 理解 JavaScript 中的 this 關鍵字

    摘要：原文許多人被中的關鍵字給困擾住了，我想混亂的根源來自人們理所當然地認為中的應該像中的或中的一樣工作。盡管有點難理解，但它的原理并不神秘。在瀏覽器中，全局對象是對象。運算符創建一個新對象并且設置函數中的指向調用函數的新對象。 原文：Understanding the this keyword in JavaScript 許多人被JavaScript中的this關鍵字給困擾住了，我想混亂的...

    jayzou 評論0 收藏0

發表評論

0條評論

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