js this的含義以及講解
this
關鍵字是一個非常重要的語法點。毫不誇張地說,不理解它的含義,大部分開發任務都無法完成。
首先,this
總是返回一個對象,簡單說,就是返回屬性或方法“當前”所在的對象。
下面來兩個例子來讓大家更加直觀:
var person = { name: ‘張三‘, describe: function () { return ‘姓名:‘+ this.name; } }; person.describe() // "姓名:張三"
function f() { return ‘姓名:‘+ this.name; } var A = { name: ‘張三‘, describe: f };var B = { name: ‘李四‘, describe: f }; A.describe() // "姓名:張三" B.describe() // "姓名:李四"
看了這兩個例子,下面我們來總結下:
全局環境、構造函數、對象的方法,這三種情況this的指向都是不一樣的,所以要了解清楚再使用。
最後溫馨提示下,不要在函數裏面使用多層this
js this的含義以及講解
相關推薦
js this的含義以及講解
var 理解 function clas blog spa 了解 urn 屬性 this關鍵字是一個非常重要的語法點。毫不誇張地說,不理解它的含義,大部分開發任務都無法完成。 首先,this總是返回一個對象,簡單說,就是返回屬性或方法“當前”所在的對象。 下面來兩個例子來讓
js陣列、迴圈、this指標以及應用
JavaScript的陣列一、簡要說明: 1.陣列變數var arr = []; 2.陣列是資料的倉庫,length為陣列資料的數量; 3.表示方法:["第一個資料","第二個資料","第三個資料"]; 4.arr[下標
快速搭建 Node.js 開發環境以及加速 npm
sta pre undo packages 快速 lis app.js nat 簡單 快速搭建 Node.js 開發環境以及加速 npm 如何快速搭建 node 開發環境 npm 超慢 github 無法打開的問題 於是我覺得應該寫一篇文章解答所有這些起步問題,讓新同學
39 _ 隊列5 _ 循環隊列需要幾個參數來確定 及其含義的講解.swf
關系 執行 第一個 是否 alt 循環 規律 及其 比較 上面講解都是循環隊列,如果是鏈表實現的話就很簡單,隊列只有循環隊列才比較復雜 此時隊列中只存儲一個有效元素3,當在刪除一個元素的時候,隊列為空,pFont向上移動,pFont等於pRear,但是此時pF
JavaScript—— scroolleft----offsetleft 系列的含義以及瀏覽器兼容問題
class image ner 示例 setw yellow asc element nth clientWidth:獲取對象的內容可視區域的寬度,即clientWidth=width+padding,不包括滾動條。 clientHeight:獲取對象的內容可視區域的高度,
軟件測試的含義以及測試的對象
軟件測試 測試 軟件測試的含義:早期而言,在1973年Bill Hetzel提出,軟件測試是對程序能夠按預期運行建立起的一種信心。 經典定義是1979年Myers提出,測試是為發現錯誤而執行程序的過程。 軟件測試(Software Testing)是軟件生存期的一個重要的階段,是軟件質量保證的一個關鍵
理解閉包的含義以及他的使用
var urn 執行 標識 nbsp 函數 返回 con 訪問 1、什麽是閉包, 閉包就是能夠讀取其它函數內部的變量。首先我們來看一段代碼:function a(){ var n = 0; function inc() { n++;
DOM對象和js對象以及jQuery對象的區別
推薦 tar style tex 瀏覽器 數據類型 對象之間的關系 arr target DOM對象和js對象以及jQuery對象的區別 一、DOM對象 文檔對象模型簡稱DOM,是W3C組織推薦的處理可擴展置標語言的標準編程接口。 DOM實際上是以面向對象方式描述
js this獲取元素ID
div clas pad style spa each width class adding <table id="cyyj_table" class="table01" cellpadding="5" cellspacing="1">
Ajax參數的含義以及用法
sync 執行 時間 根據 p s process 角度 進一步 是否 以jquery.js為例講述ajax對應的參數以及用法 1.url: (發送請求的地址)(String)(默認為當前頁地址)。 2.type: (發送請求的方式,http請求方式)(String)(默認
JavaScript OOP(二):this關鍵字以及call、apply、bind
col als == ole 構造 prototype logs rip .com JavaScript的this關鍵字非常靈活! this 返回的總是對象;即返回屬性或方法“當前”所在的對象 1 var o1={ 2 name:‘apple‘, 3
[js]this關鍵字代表當前執行的主體
this ont ext get code text logs () -m 點前是誰,this就是誰 <div id="div1" class="div1"></div> <div id="di
Js this關鍵字
log var 沒有 clas this關鍵字 spa turn 全局變量 對象 1.this在最外圍表示的是window,他們都是一個對象,是Js裏最大的對象,最外圍的對象 alert(this); //[object Window] alert(
js this指向理解
例子 就是 http 輸出 blog his log 全局 body 1.如果調用this的函數上級有多個對象,this只會指向上一級對象 下面實例fn函數調用this時,this指向b對象,如果b裏面有a屬性就輸出值; 如果沒有就是undefined 在來看下
js this 指向(es5)和es6箭頭函數this指向問題總結(鄒文豐版)
一個 hat 登入 new this fun body 網上 情況 本文純屬自己結合網上文章總結,有問題和不同想法歡迎留言指正/********************簡單小例子********************/ var test =function ()
Node.js的安裝以及Node.js的模塊管理
target js開發 use 指向 nis 成功 mod href req 索引: Node.js的安裝以及Node.js的模塊管理Node.js開發環境搭建以及對ES6的支持Node.js構建Vue.js項目Vue.js單文件組件的開發基於Vue.js的UI組件(Ele
js this工作原理
直接 bsp 箭頭 this 通用 工作 找到 window call js中的this是個很妙的東西,你經常不知道它到底在指向誰,又是誰在調用它。 通用判斷方法: 1.this總是指向它的直接調用者 2.如果沒有找到直接調用者,則this指向window 3.使用ca
js this詳解
type 綁定 方式 .get title lang length con tle this,當前觸發事件的標簽 在綁定事件中的兩種用法: a. 直接HTML中的標簽裏綁定 onclick="fun1()"; b. 先獲取
You Don't Know JS: this & Object Prototypes( 第一章 this or That?)
time github type 不是函數 read trac 作用 spa any Foreword this 關鍵字和prototypes 他們是用JS編程的基礎。沒有他們創建復雜的JS程序是不可能的。 我敢說大量的web developers從沒有建立過JS
實現斐波那契數列(js),以及複雜度降階
實現斐波那契數列(js),以及複雜度降階 背景——兔子數列 假設第1個月有1對剛誕生的兔子,第2個月進入成熟期,第3個月開始生育兔子,而1對成熟的兔子每個月會生1對兔子,兔子永遠不會死去……那麼,由1對兔子開始,12個月後會有多少對兔子呢? 問題分析: 我們拿新出生