JavaScript中this的用法
this的使用環境有以下幾種
1、純粹的函數調用
純粹的函數調用屬於函數的最常用的用法,屬於全局性調用。在全局函數中,this等於window。
2、作為對象方法的調用
當函數不是全局調用,而是作為某個對象的方法調用時,this等於那個對象。
3、作為匿名函數的調用
匿名函數的執行環境具有全局性,因此其this對象通常指向window
4、作為構造函數調用
所謂構造函數,就是通過這個函數生成一個新對象(object)。這時,this就指這個新對象。
5、使用apply調用函數的時候
使用function.apply(obj,args)調用函數的時候,可以接受兩個參數obj和args,其中obj用來代替function類裏的this對象,所以此時函數內的this指的是apply的第一個參數。
JavaScript中this的用法
相關推薦
javascript中this用法例項詳解
JavaScript中的this含義非常豐富,它可以是全域性物件,當前物件或者是任意物件,這都取決於函式的呼叫方式。函式有以下幾種呼叫方式:作為物件方法呼叫、作為函式呼叫、作為建構函式呼叫、apply或call呼叫。 物件方法呼叫 作為物件方法呼叫的時候,this會被繫結到該物件。 ?
JavaScript中this的用法
屬於 指向 cti 用法 func 生成 純粹 ava 構造函數 this的使用環境有以下幾種 1、純粹的函數調用 純粹的函數調用屬於函數的最常用的用法,屬於全局性調用。在全局函數中,this等於window。 2、作為對象方法的調用 當函數不是全局調用,而是作為某個對象
原生javascript中this通常的幾種用法
// this的應用 “是” 代名詞 // this必須出現在函式裡面 //------------------預設繫結 function test (){ console.log(this.a);//1 } var a = 1; test(); // thi
JavaScript中this關鍵字的指向問題
asc 函數調用 javascrip new spa con oba cti func 1、純粹的函數調用,this就代表全局對象Global var x = 1; function test(){ var x = ‘二哈‘; console.log(th
javascript中this的指向
span this 有時 變量 mage bsp 匿名函數 javascrip 生成 作為一個前端小白在開發中對於this的指向問題有時候總是會模糊,於是花時間研究了一番。 首先this是JS的關鍵字,this是js函數在運行是生成的一個內部對象,生成的這個this只能在函
對於JavaScript中this關鍵字的理解
決定 博客 rip script 答案 搜索 http 環境 return 這是我第二遍學this了,第一遍學的懵懵的。this指哪裏都是憑我一個男人的直覺然後控制臺輸出看看對不對。 剛查了書、博客、視頻。理解差不多了。畢竟菜雞me; 一、首先介紹下什麽是this
Javascript中 this的精要總結
實例 ref 今天 方法 自動 console 網上 這樣的 理解 對於javascript中this的指向問題,或許你和我一樣,總是很迷惑,今天通過學習了有些作者對這方面比較深刻的理解後,抄錄其中比較有用的精髓如下: 本文主要引用至:追夢子,如有需要可以導向去閱讀。 關鍵
淺析JavaScript中this儲存
循環 變量名 當前 each ava var rip div 習慣 this是Javascript語言的一個關鍵字。它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。 在JavaScript中,this代表的是當前對象。 在寫原型鏈時,經常需要將this進行儲
JavaScript 中 this 是如何工作的 ?
全局 val fst 如何使用 stephen 如何 系列 操作 link 先來看看這個題目: var x = 0; var foo = { x:1, bar:{ x:2, baz: function () { consol
第149天:javascript中this的指向詳解
doc ava 常見 每一個 document () 學習 知識 對象 js中的this指向十分重要,了解js中this指向是每一個學習js的人必學的知識點,今天沒事,正好總結了js中this的常見用法,喜歡的可以看看: 1、全局作用域或者普通函數中this指向全局對象wi
圖說js中的this——深入理解javascript中this指針
前端 javascript this沒搞錯吧!js寫了那麽多年,this還是會搞錯!沒搞錯,javascript就是回搞錯!…………在寫java的時候,this用錯了,idea都會直接報錯!比如……但是,js,……idea,愛莫能助了……在面向對象編程裏有兩個重要的概念:一個是類,一個是實例化的對象,類是一個
詳解javascript中this的工作原理
new 變量 person get 工作 func 存在 嚴格 es5 在 JavaScript 中 this 常常指向方法調用的對象,但有些時候並不是這樣的,本文將詳細解讀在不同的情況下 this 的指向。 一、指向 window: 在全局中使用 this,它將會指向全局
JavaScript中this的一些坑
opener PE 說明 立即執行 記得 noop cti 變化 也有 我們經常在回調函數裏面會遇到一些坑: var obj = { name: ‘qiutc‘, foo: function() { console.log(this); }, foo
Javascript的this用法
怎麽 對象 ret 函數調用 define func 作用 new tex 1.純粹的函數調用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
JavaScript 中 this的指向
UNC lar -c when ack regular poi ole die this 一方面便利了讓大家在JS開發當, 但是另一方面讓開發者頭痛的是不清楚this 指代什麽. 指向全局Window: <script> console.log(th
JavaScript中this指標指向的徹底理解
現在我們就來總結一下js中this的指向。首先需要了解一下幾個概念: 1、全域性變數預設掛載在window物件下 2、一般情況下this指向它的呼叫者 3、es6的箭頭函式中,this指向建立者,並非呼叫者 4、通過call、apply、bind可以改改變this的指向 在非箭頭函式下, this
javascript中this指向的理解(轉載)
JS中的this指向一直是個讓人頭疼的問題,想當初我學的是天昏地暗,查了好多資料,看的頭都大了,跟他大戰了那麼多回合,終於把它搞定個七八分,其實往往都是我們複雜化了,現在就讓大家輕鬆看懂this的指向,我會分以下幾種情況來說。 this的指向: &nb
JavaScript中this關鍵字
JavaScript中this關鍵字用法較為靈活,用處較多,主要有以下幾種方式: 1.瀏覽器中,全域性的this指向window; console.log(this===window); console.log(this); this.a='nice'; console
JavaScript中this物件原理簡潔說明
今天看了阮一峰大神的部落格文章:JavaScript 的this原理,把糾結很久的this的指向終於理解清楚了 原文:http://www.ruanyifeng.com/blog/2018/06/javascript-this.html 現在來說說如何區分不同情況下的this物件指向,如下所示:
JavaScript中this的指向問題歸納總結
前言 js中this指向問題是個老生常談的問題了,下面這篇文章再來給大家介紹下,大家可以看看,更深入的瞭解瞭解,下面話不多說了,來一起看看詳細的介紹吧 this this:上下文,會根據執行環境變化而發生指向的改變. 1.單獨的this,指向的是window這個物件 alert(this); // this