JavaScript中函數(shù)的調(diào)用和this的指向

meislzhua 發(fā)布于2019-08-23 16:11 / 1533人閱讀

摘要：歡迎糾正和補(bǔ)充函數(shù)的調(diào)用和的指向普通函數(shù)調(diào)用指向方法調(diào)用指向調(diào)用該方法的對(duì)象作為構(gòu)造函數(shù)的調(diào)用構(gòu)造函數(shù)內(nèi)部的指向由該構(gòu)造函數(shù)創(chuàng)建的對(duì)象作為事件的處理函數(shù)觸發(fā)該事件的對(duì)象作為定時(shí)器的參數(shù)指向總結(jié)函數(shù)內(nèi)部的，是由函數(shù)調(diào)用的時(shí)候來(lái)確定其指向的

歡迎糾正和補(bǔ)充

函數(shù)的調(diào)用和this的指向 1.普通函數(shù)調(diào)用 this 指向 window

function fn() {
    console.log(this);
}
window.fn();

2.方法調(diào)用 this 指向調(diào)用該方法的對(duì)象

var obj = {
    fun: function () {
        console.log(this);
    }
}
obj.fun();

3.作為構(gòu)造函數(shù)的調(diào)用構(gòu)造函數(shù)內(nèi)部的this指向由該構(gòu)造函數(shù)創(chuàng)建的對(duì)象

var gf = {
    name : "tangwei",
    bar : "c++",
    sayWhat : function() {
        console.log(this.name + "said:love you forever");
    }
}

4.作為事件的處理函數(shù) 觸發(fā)該事件的對(duì)象

btn.onclick = function () {
    console.log(this);
}

5.作為定時(shí)器的參數(shù) this 指向 window

setInterval(function() {
    console.log(this);
}, 1000);

總結(jié)：函數(shù)內(nèi)部的this，是由函數(shù)調(diào)用的時(shí)候來(lái)確定其指向的

云服務(wù)器 GPU云服務(wù)器 this的指向 js中函數(shù)的調(diào)用、調(diào)用網(wǎng)頁(yè)中的函數(shù) javascript的this

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

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

相關(guān)文章

輕松搞定javascript中this的指向

摘要：調(diào)用在中，通過(guò)的形式調(diào)用一個(gè)構(gòu)造函數(shù)，會(huì)創(chuàng)建這個(gè)構(gòu)造函數(shù)實(shí)例，而這個(gè)實(shí)例的指向創(chuàng)建的這個(gè)實(shí)例。如下例所示，在構(gòu)造函數(shù)內(nèi)部使用并沒(méi)有改變?nèi)肿兞康闹?。顯然，箭頭函數(shù)是不能用來(lái)做構(gòu)造函數(shù)。　　關(guān)于javascript中this指向的問(wèn)題，現(xiàn)總結(jié)如下，如有不正確，歡迎指正。　　javascript中，this的指向并不是在函數(shù)定義的時(shí)候確定的，而是在其被調(diào)用的時(shí)候確定的。也就是說(shuō)，函數(shù)的...

shinezejian 2019-08-23 12:14 評(píng)論0 收藏0
學(xué)習(xí)JavaScript之this,call,apply

摘要：在全局對(duì)象中調(diào)用，自然讀取的是全局對(duì)象的值構(gòu)造器調(diào)用說(shuō)明作為構(gòu)造器調(diào)用時(shí)，指向返回的這個(gè)對(duì)象。最直觀的表現(xiàn)就是，去看一些優(yōu)秀框架的源代碼時(shí)，不再是被繞的暈乎乎的。學(xué)習(xí)起因：在之前的JavaScript學(xué)習(xí)中，this,call,apply總是讓我感到迷惑，但是他們的運(yùn)用又非常的廣泛。遂專門花了一天，來(lái)弄懂JavaScript的this,call,apply。中途參考的書(shū)籍也很多，以...

wenhai.he 2019-08-19 17:30 評(píng)論0 收藏0
JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐 | 02 - this、call和apply

摘要：構(gòu)造器的外表跟普通函數(shù)一樣，他們的區(qū)別在于被調(diào)用的方式。即，使用運(yùn)算符創(chuàng)建對(duì)象時(shí)，就是將函數(shù)當(dāng)作構(gòu)造器調(diào)用。本節(jié)內(nèi)容為設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐第二章筆記。 this JavaScript的this總是指向一個(gè)對(duì)象，至于指向哪個(gè)對(duì)象，是在運(yùn)行時(shí)基于函數(shù)的執(zhí)行環(huán)境的動(dòng)態(tài)綁定的，而非函數(shù)被聲明時(shí)的環(huán)境。 this的指向 this的指向大致可以分為以下4類：作為對(duì)象的方法調(diào)用作為普通函數(shù)調(diào)用 ...

darryrzhong 2019-08-21 10:45 評(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
JavaScript中的this

摘要：作為構(gòu)造函數(shù)何為構(gòu)造函數(shù)所謂構(gòu)造函數(shù)就是用來(lái)對(duì)象的函數(shù)，像等都是全局定義的構(gòu)造函數(shù)。正在跑步正在說(shuō)話正在跑步正在說(shuō)話如上，如果函數(shù)作為構(gòu)造函數(shù)用，那么其中的就代表它即將出來(lái)的對(duì)象。前言總括:詳解JavaScript中的this的一篇總結(jié)，不懂this這個(gè)難點(diǎn)，很多時(shí)候會(huì)造成一些困擾，寫(xiě)出一些bug不知如何收?qǐng)?，所以一起?lái)寫(xiě)bug吧，不對(duì)，一起來(lái)寫(xiě)代碼吧。原文地址：JavaScr...

SimpleTriangle 2019-08-20 18:15 評(píng)論0 收藏0
JavaScript中的this

摘要：指向的改變構(gòu)造函數(shù)中的操作符會(huì)調(diào)用函數(shù)的內(nèi)部的方法，創(chuàng)建對(duì)象，之后調(diào)用函數(shù)的方法，把新創(chuàng)建對(duì)象作為值。調(diào)用函數(shù)時(shí)與設(shè)置的值以及箭頭函數(shù)皆為動(dòng)態(tài)的改變指針的方法。這一特性使得箭頭函數(shù)在中的函數(shù)中使用起來(lái)很方便。原文地址 JavaScript中的this 原理錯(cuò)誤的this指向通常所說(shuō)的：如果是全局環(huán)境中，this指向全局對(duì)象，如果是對(duì)象的方法，這this指向這個(gè)對(duì)象。例子1： ...

Salamander 2019-08-20 14:14 評(píng)論0 收藏0