摘要:中的譯理解并掌握中的用法關鍵只有一個對象調用了包含函數時,才被賦值,并且所賦的值只依賴于調用了包含函數的對象使用原則永遠指向一個對象,并且擁有著個對象的值在嚴格模式下,在全局作用域中和匿名函數中,指向當在一個函數內出現的時候,指向調用這個函
javascript中的this
譯:理解并掌握 JavaScript 中 this 的用法
關鍵只有一個對象調用了包含this函數時,this才被賦值,并且所賦的值只依賴于調用了包含this函數的對象
使用原則this永遠指向一個對象,并且擁有著個對象的值
在嚴格模式下,在全局作用域中和匿名函數中,this指向undefined
當this在一個函數內出現的時候,this指向調用這個函數的對象
易錯場景
包含this的方法被當作回調函數
$("button").click(callback);
期待this指向:包含該方法的對象
實際this指向:調用了回調函數的對象
解決辦法:bind
this出現在閉包內
... example: function(){ [1,2,3,4].forEach(function(item){ this.test(item) }) } ...
期待this指向:外層函數的this指向
實際this指向:undefined或者全局對象
解決辦法:使用另外一個變量保存this值
把包含this的方法賦給一個變量
var user = { name: "hhh", sayName: function(){ console.log(this.name); } } var test = user.sayName; test();// 全局變量的this
期待this指向:包含該方法的對象
實際this指向:包含該變量的對象
解決辦法:bind
借用包含this的方法
var user1 = { name: "hhh", sayName: function(){ console.log(this.name); } } var user2 = { name: "ggg" } user2.ggg = user1.sayName();// 期待`this`指向:借用`this`方法的對象 實際`this`指向:包含該`this`方法的對象 解決辦法:`apply`
this的使用是一個經常容易出錯的地方,但是只要把握一個原則,即
this總是指向調用包含this的方法的對象
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/79268.html
摘要:標準用法,作用數組元素顛倒位置,傳參無返回值顛倒后的數組。,傳參指定一個字符串來分隔數組的每個元素選返回值一個所有數組元素連接的字符串標準用法的值變為的值變為作用并兩個或多個數組。 1.Array數組的方法 Mutator方法————突變方法會改變數組自身的值; Accessor方法————訪問方法不會改變數組自身的值; Iteration方法————遍歷的方法 ; 2.Mu...
摘要:前言如今可謂是一匹黑馬數已居第一位前端開發對于的使用已經越來越多,它的優點就不做介紹了本篇是我對使用過程中以及對一些社區朋友提問我的問題中做的一些總結幫助大家踩坑。隨后的重新渲染,元素組件及其所有的子節點將被視為靜態內容并跳過。 前言 vue如今可謂是一匹黑馬,github star數已居第一位!前端開發對于vue的使用已經越來越多,它的優點就不做介紹了,本篇是我對vue使用過程中以及...
摘要:前言對象是一個類數組的對象,含有連續的整形屬性以及一系列的方法。它把所有的操作都包裝在一個函數中,形成了統一也是惟一的操作入口。從而避免重復創建對象。 前言 jQuery對象是一個類數組的對象,含有連續的整形屬性以及一系列的jQuery方法。它把所有的操作都包裝在一個jQuery()函數中,形成了統一(也是惟一)的操作入口。其中我們用的非常頻繁的一個函數是$()或者說是jQuery()...
摘要:實際上,我們通常認為是自有類型的唯一成員。比較運算符的操作數可能是任意類型。結果只有,例得到操作值等價的布爾值真值為,假值為等同于,經常稱為強制轉換。結果返回布爾值的用法是中唯一一個不等于任何值的包括它自己。 說起 js 類型轉換,都是頭疼吧,暈暈的,但是不行啊,這東西很重要滴! 基礎知識 JavaScript的數據類型分為六種,分別為null, undefined, boolean,...
閱讀 1113·2021-11-23 09:51
閱讀 1080·2021-10-18 13:31
閱讀 2979·2021-09-22 16:06
閱讀 4273·2021-09-10 11:19
閱讀 2204·2019-08-29 17:04
閱讀 432·2019-08-29 10:55
閱讀 2482·2019-08-26 16:37
閱讀 3379·2019-08-26 13:29