摘要:歡迎糾正和補充函數的調用和的指向普通函數調用指向方法調用指向調用該方法的對象作為構造函數的調用構造函數內部的指向由該構造函數創建的對象作為事件的處理函數觸發該事件的對象作為定時器的參數指向總結函數內部的,是由函數調用的時候來確定其指向的
歡迎糾正和補充
函數的調用和this的指向 1.普通函數調用 this 指向 windowfunction fn() { console.log(this); } window.fn();2.方法調用 this 指向 調用該方法的對象
var obj = { fun: function () { console.log(this); } } obj.fun();3.作為構造函數的調用 構造函數內部的this指向由該構造函數創建的對象
var gf = { name : "tangwei", bar : "c++", sayWhat : function() { console.log(this.name + "said:love you forever"); } }4.作為事件的處理函數 觸發該事件的對象
btn.onclick = function () { console.log(this); }5.作為定時器的參數 this 指向 window
setInterval(function() { console.log(this); }, 1000);
總結:函數內部的this,是由函數調用的時候來確定其指向的
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/102773.html
摘要:調用在中,通過的形式調用一個構造函數,會創建這個構造函數實例,而這個實例的指向創建的這個實例。如下例所示,在構造函數內部使用并沒有改變全局變量的值。顯然,箭頭函數是不能用來做構造函數。 關于javascript中this指向的問題,現總結如下,如有不正確,歡迎指正。 javascript中,this的指向并不是在函數定義的時候確定的,而是在其被調用的時候確定的。也就是說,函數的...
摘要:在全局對象中調用,自然讀取的是全局對象的值構造器調用說明作為構造器調用時,指向返回的這個對象。最直觀的表現就是,去看一些優秀框架的源代碼時,不再是被繞的暈乎乎的。 學習起因: 在之前的JavaScript學習中,this,call,apply總是讓我感到迷惑,但是他們的運用又非常的廣泛。遂專門花了一天,來弄懂JavaScript的this,call,apply。中途參考的書籍也很多,以...
摘要:構造器的外表跟普通函數一樣,他們的區別在于被調用的方式。即,使用運算符創建對象時,就是將函數當作構造器調用。本節內容為設計模式與開發實踐第二章筆記。 this JavaScript的this總是指向一個對象,至于指向哪個對象,是在運行時基于函數的執行環境的動態綁定的,而非函數被聲明時的環境。 this的指向 this的指向大致可以分為以下4類: 作為對象的方法調用 作為普通函數調用 ...
摘要:原文許多人被中的關鍵字給困擾住了,我想混亂的根源來自人們理所當然地認為中的應該像中的或中的一樣工作。盡管有點難理解,但它的原理并不神秘。在瀏覽器中,全局對象是對象。運算符創建一個新對象并且設置函數中的指向調用函數的新對象。 原文:Understanding the this keyword in JavaScript 許多人被JavaScript中的this關鍵字給困擾住了,我想混亂的...
摘要:作為構造函數何為構造函數所謂構造函數就是用來對象的函數,像等都是全局定義的構造函數。正在跑步正在說話正在跑步正在說話如上,如果函數作為構造函數用,那么其中的就代表它即將出來的對象。 前言 總括:詳解JavaScript中的this的一篇總結,不懂this這個難點,很多時候會造成一些困擾,寫出一些bug不知如何收場,所以一起來寫bug吧,不對,一起來寫代碼吧。 原文地址:JavaScr...
摘要:指向的改變構造函數中的操作符會調用函數的內部的方法,創建對象,之后調用函數的方法,把新創建對象作為值。調用函數時與設置的值以及箭頭函數皆為動態的改變指針的方法。這一特性使得箭頭函數在中的函數中使用起來很方便。 原文地址 JavaScript中的this 原理 錯誤的this指向 通常所說的:如果是全局環境中,this指向全局對象,如果是對象的方法,這this指向這個對象。 例子1: ...
閱讀 1680·2021-11-12 10:35
閱讀 1621·2021-08-03 14:02
閱讀 2691·2019-08-30 15:55
閱讀 2034·2019-08-30 15:54
閱讀 770·2019-08-30 14:01
閱讀 2433·2019-08-29 17:07
閱讀 2260·2019-08-26 18:37
閱讀 3039·2019-08-26 16:51