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

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

摘要：歡迎糾正和補充函數(shù)的調用和的指向普通函數(shù)調用指向方法調用指向調用該方法的對象作為構造函數(shù)的調用構造函數(shù)內部的指向由該構造函數(shù)創(chuàng)建的對象作為事件的處理函數(shù)觸發(fā)該事件的對象作為定時器的參數(shù)指向總結函數(shù)內部的，是由函數(shù)調用的時候來確定其指向的

歡迎糾正和補充

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

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

2.方法調用 this 指向調用該方法的對象

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

3.作為構造函數(shù)的調用構造函數(shù)內部的this指向由該構造函數(shù)創(chuàng)建的對象

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

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

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

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

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

總結：函數(shù)內部的this，是由函數(shù)調用的時候來確定其指向的

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

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/102773.html

輕松搞定javascript中this的指向

摘要：調用在中，通過的形式調用一個構造函數(shù)，會創(chuàng)建這個構造函數(shù)實例，而這個實例的指向創(chuàng)建的這個實例。如下例所示，在構造函數(shù)內部使用并沒有改變全局變量的值。顯然，箭頭函數(shù)是不能用來做構造函數(shù)。　　關于javascript中this指向的問題，現(xiàn)總結如下，如有不正確，歡迎指正。　　javascript中，this的指向并不是在函數(shù)定義的時候確定的，而是在其被調用的時候確定的。也就是說，函數(shù)的...

shinezejian 2019-08-23 12:14 評論0 收藏0
學習JavaScript之this,call,apply

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

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

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

darryrzhong 2019-08-21 10:45 評論0 收藏0
理解 JavaScript 中的 this 關鍵字

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

jayzou 2019-08-21 10:32 評論0 收藏0
JavaScript中的this

摘要：作為構造函數(shù)何為構造函數(shù)所謂構造函數(shù)就是用來對象的函數(shù)，像等都是全局定義的構造函數(shù)。正在跑步正在說話正在跑步正在說話如上，如果函數(shù)作為構造函數(shù)用，那么其中的就代表它即將出來的對象。前言總括:詳解JavaScript中的this的一篇總結，不懂this這個難點，很多時候會造成一些困擾，寫出一些bug不知如何收場，所以一起來寫bug吧，不對，一起來寫代碼吧。原文地址：JavaScr...

SimpleTriangle 2019-08-20 18:15 評論0 收藏0
JavaScript中的this

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

Salamander 2019-08-20 14:14 評論0 收藏0