JavaScript中的this

李世贊發布于2019-08-19 17:27 / 2437人閱讀

摘要：有自己的一套機制，在不同情況下，的指向也不盡相同。全局范圍全局變量全局范圍使用指向的是全局變量，瀏覽器環境下就是。函數調用中全局變量函數調用中的也指向全局變量。顯式設置對象使用的或者方法是，函數內部會被設置為傳入的第一個參數。

JavaScript有自己的一套this機制，在不同情況下，this的指向也不盡相同。

全局范圍

console.log(this); //全局變量

全局范圍使用this指向的是全局變量，瀏覽器環境下就是window。

注：ECMAScript5的strict模式不存在全局變量，這里的this是undefined。

函數調用中

function foo() {
    console.log(this);
}

foo(); //全局變量

函數調用中的this也指向全局變量。

注：ECMAScript5的strict模式不存在全局變量，這里的this是undefined。

對象方法調用

var test = {
    foo: function () {
        console.log(this);
    }
}

test.foo(); //test對象

對象方法調用中，this指向調用者。

var test = {
    foo: function () {
        console.log(this);
    }
}

var test2 = test.foo;
test2();  //全局變量

不過由于this的晚綁定特性，在上例的情況中this將指向全局變量，相當于直接調用函數。

這點非常重要，同樣的代碼段，只有在運行時才能確定this指向

構造函數

function Foo() {
    console.log(this);
}

new Foo(); //新創建的對象
console.log(foo);

在構造函數內部，this指向新創建的對象。

顯式設置this

function foo(a, b) {
    console.log(this);
}

var bar = {};

foo.apply(bar, [1, 2]); //bar
foo.call(1, 2); //Number對象

使用Function.prototype的call或者apply方法是，函數內部this會被設置為傳入的第一個參數。

GPU云服務器云服務器 javaScript中的this js中的this js中的this機制 js中的this與html

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

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

JavaScript深入淺出

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

blair 2019-08-21 18:26 評論0 收藏0
學習React之前你需要知道的的JavaScript基礎知識

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

bitkylin 2019-08-02 11:01 評論0 收藏0
JavaScript中的面向對象（object-oriented）編程

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

JerryZou 2019-08-21 10:26 評論0 收藏0
JavaScript進階之’this‘

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

shenhualong 2019-08-23 18:37 評論0 收藏0
理解 JavaScript 中的 this 關鍵字

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

jayzou 2019-08-21 10:32 評論0 收藏0