淺析JavaScript中this儲存
this是Javascript語言的一個關鍵字。它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。
在JavaScript中,this代表的是當前對象。 在寫原型鏈時,經常需要將this進行儲存,就是將當前的this對象復制一份到另一個變量中。我們習慣用that或者_this來作為變量名,即var that = this; 或者 var _this = this;
那麽問題來了,為什麽要這樣做呢?這樣做有什麽意義呢? 舉個栗子:
$(‘#conten‘).click(function(){ //this是被點擊的#conten var that = this; $(‘.conten‘).each(function(){ //this是.conten循環中當前的對象 //that仍然是剛才被點擊的#conten }); });
可以看到,this對象在程序中隨時會改變,而var that=this
之後,that沒改變之前仍然是指向當時的this,這樣就不會找不到原來的對象。
淺析JavaScript中this儲存
相關推薦
淺析JavaScript中this儲存
循環 變量名 當前 each ava var rip div 習慣 this是Javascript語言的一個關鍵字。它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。 在JavaScript中,this代表的是當前對象。 在寫原型鏈時,經常需要將this進行儲
淺析Javascript 中的 this 的七種使用場景
Javascript 中的 this,有時候讓人迷惑,所以總結了一下關於this指向的問題。 在函式中 this 到底取何值,是在函式真正被呼叫執行的時候確定下來的,函式定義的時候確定不了。 因為 this 的取值是函式執行上下文(context)的一部分,每次呼叫
淺析Javascript中的this
在諸如Java,C#這種編譯型面嚮物件語言時,this代表的就是例項本身,而在Javascript中,情況稍有不同,this指代物件從程式碼表面來看分兩種情況: a. 一種情況是指向函式物件本身; b. 另一種情況是指向windows物件; 不像Java那樣有嚴格定義類,物
JavaScript中this的用法
屬於 指向 cti 用法 func 生成 純粹 ava 構造函數 this的使用環境有以下幾種 1、純粹的函數調用 純粹的函數調用屬於函數的最常用的用法,屬於全局性調用。在全局函數中,this等於window。 2、作為對象方法的調用 當函數不是全局調用,而是作為某個對象
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 是如何工作的 ?
全局 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中with語句的理解
code 完美 情況下 前端 導致 全局 節點 什麽 ons JavaScript 有個 with 關鍵字, with 語句的原本用意是為逐級的對象訪問提供命名空間式的速寫方式. 也就是在指定的代碼區域, 直接通過節點名稱調用對象. with語句的作用是暫時改變作用域鏈、減
淺析JavaScript中Function對象(一)
中一 {} .proto 及其 pro type屬性 tor 下一個 所有 一、Function對象及其原型對象 Function對象是js中一個非常重要的對象,所有通過function關鍵字聲明的函數,本質上都是由Function這個特殊的構造器對象創建出來的,也
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含義非常豐富,它可以是全域性物件,當前物件或者是任意物件,這都取決於函式的呼叫方式。函式有以下幾種呼叫方式:作為物件方法呼叫、作為函式呼叫、作為建構函式呼叫、apply或call呼叫。 物件方法呼叫 作為物件方法呼叫的時候,this會被繫結到該物件。 ?