JavaScript中的this

李世贊發(fā)布于2019-08-19 17:27 / 2474人閱讀

摘要：有自己的一套機(jī)制，在不同情況下，的指向也不盡相同。全局范圍全局變量全局范圍使用指向的是全局變量，瀏覽器環(huán)境下就是。函數(shù)調(diào)用中全局變量函數(shù)調(diào)用中的也指向全局變量。顯式設(shè)置對(duì)象使用的或者方法是，函數(shù)內(nèi)部會(huì)被設(shè)置為傳入的第一個(gè)參數(shù)。

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

全局范圍

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

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

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

函數(shù)調(diào)用中

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

foo(); //全局變量

函數(shù)調(diào)用中的this也指向全局變量。

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

對(duì)象方法調(diào)用

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

test.foo(); //test對(duì)象

對(duì)象方法調(diào)用中，this指向調(diào)用者。

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

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

不過(guò)由于this的晚綁定特性，在上例的情況中this將指向全局變量，相當(dāng)于直接調(diào)用函數(shù)。

這點(diǎn)非常重要，同樣的代碼段，只有在運(yùn)行時(shí)才能確定this指向

構(gòu)造函數(shù)

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

new Foo(); //新創(chuàng)建的對(duì)象
console.log(foo);

在構(gòu)造函數(shù)內(nèi)部，this指向新創(chuàng)建的對(duì)象。

顯式設(shè)置this

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

var bar = {};

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

使用Function.prototype的call或者apply方法是，函數(shù)內(nèi)部this會(huì)被設(shè)置為傳入的第一個(gè)參數(shù)。

GPU云服務(wù)器云服務(wù)器 javaScript中的this js中的this js中的this機(jī)制 js中的this與html

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/78534.html

相關(guān)文章

JavaScript深入淺出

摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類(lèi)繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法，包括，，。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。怎樣使用 this 因?yàn)楸救藢儆趥吻岸?，因此文中只看懂?8 成左右，希望能夠給大家?guī)?lái)幫助....（據(jù)說(shuō)是阿里的前端妹子寫(xiě)的） this 的值到底...

blair 2019-08-21 18:26 評(píng)論0 收藏0
學(xué)習(xí)React之前你需要知道的的JavaScript基礎(chǔ)知識(shí)

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

bitkylin 2019-08-02 11:01 評(píng)論0 收藏0
JavaScript中的面向?qū)ο螅╫bject-oriented）編程

摘要：對(duì)象在中，除了數(shù)字字符串布爾值這幾個(gè)簡(jiǎn)單類(lèi)型外，其他的都是對(duì)象。那么在函數(shù)對(duì)象中，這兩個(gè)屬性的有什么區(qū)別呢表示該函數(shù)對(duì)象的原型表示使用來(lái)執(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問(wèn)個(gè)人博客。最近工作一直在用nodejs做開(kāi)發(fā)，有了nodejs，...

JerryZou 2019-08-21 10:26 評(píng)論0 收藏0
JavaScript進(jìn)階之’this‘

摘要：所以相同點(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,...

shenhualong 2019-08-23 18:37 評(píng)論0 收藏0
理解 JavaScript 中的 this 關(guān)鍵字

摘要：原文許多人被中的關(guān)鍵字給困擾住了，我想混亂的根源來(lái)自人們理所當(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)鍵字給困擾住了，我想混亂的...

jayzou 2019-08-21 10:32 評(píng)論0 收藏0