日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解JavaScriptthis關(guān)鍵字

與其他語言相比，this關(guān)鍵字在JavaScript中的行為略有不同。JavaScript中，this關(guān)鍵字引用其所屬的對(duì)象。根據(jù)使用位置，它具有不同的值。

成都創(chuàng)新互聯(lián)專注于泰山企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城開發(fā)。泰山網(wǎng)站建設(shè)公司,為泰山等地區(qū)提供建站服務(wù)。全流程按需制作網(wǎng)站，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

一、前言

方法中，this關(guān)鍵字引用其所屬的對(duì)象。

this指的是全局對(duì)象在函數(shù)中。

this引用全局對(duì)象在函數(shù)中。

在嚴(yán)格模式下，this是未定義的在事件中。

this指的是接收事件的元素像call()和apply()這樣的方法，可以將其引用到任何對(duì)象。

二、方法上下文

在對(duì)象方法中，this指代方法的user。

當(dāng)調(diào)用user.getName()時(shí)，函數(shù)內(nèi)部將this綁定到user對(duì)象：

例：

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.  
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 在此示例中， user 對(duì)象是 getName 方法的所有者：
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9.  
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.

這里user對(duì)象是所有者getName的方法。

1. 全局上下文

在全局執(zhí)行上下文中(在任何函數(shù)之外)，this無論是否處于嚴(yán)格模式下，都引用全局對(duì)象。

示例

 
 
 
 
    
  
  
  
  
  1.  
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. 項(xiàng)目 
    4.   
  
  
  
  4.  
    5.   
  
  
  
  5.   
    6.   
  
  
  
  6.  
    7.   
  
  
  
  7. 在全局執(zhí)行上下文中(在任何函數(shù)之外)，這指的是全局對(duì)象:
     
    8.   
  
  
  
  8.  
    9.   
  
  
  
  9. 訪問調(diào)試在您的瀏覽器按F12，并選擇"控制臺(tái)"在調(diào)試器菜單:
     
    10.   
  
  
  
  10.  
    11.   
  
  
  
  11.  
    12.   
  
  
  
  12.  
    13.   
  
  
  
  13.  
    14.   
  
  
  
  14.  
    15.

在瀏覽器窗口中，全局對(duì)象是[object Window]。

2. 函數(shù)上下文

在函數(shù)內(nèi)部，this值取決于函數(shù)的調(diào)用方式。由于以下代碼不在嚴(yán)格模式下，this因此默認(rèn)為全局對(duì)象，即瀏覽器中的[object Window]。

 
 
 
 
    
  
  
  
  
  1. function myFunc() { 
    2.   
  
  
  
  2. return this; 
    3.   
  
  
  
  3. } 
    4.

在嚴(yán)格模式，然而this的值是undefined。

 
 
 
 
    
  
  
  
  
  1. function myFunc() { 
    2.   
  
  
  
  2. "use strict"; 
    3.   
  
  
  
  3. return this; 
    4.   
  
  
  
  4. } 
    5.

因此，在嚴(yán)格模式下，如果執(zhí)行上下文未定義它，則它將保持未定義狀態(tài)。

三、this在DOM事件處理程序中

當(dāng)一個(gè)函數(shù)用作事件處理程序時(shí)，this將被設(shè)置為觸發(fā)事件的元素：

示例

 
 
 
 
    
  
  
  
  
  1. let btn = document.querySelector("button"); 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3. btn.onclick = function() { 
    4.   
  
  
  
  4. this.style.display = "none"; 
    5.   
  
  
  
  5. }; 
    6.

從內(nèi)聯(lián)事件處理程序調(diào)用代碼時(shí)，會(huì)將this設(shè)置為放置監(jiān)聽器的元素：

 
 
 
 
    
  
  
  
  
  1. 點(diǎn)擊刪除我 
    2.

四、顯式函數(shù)綁定

call()和apply()方法是預(yù)定義的JavaScript方法。

它們都可以用于調(diào)用以另一個(gè)對(duì)象作為參數(shù)的對(duì)象方法。

 
 
 
 
    
  
  
  
  
  1.  
    2.

箭頭函數(shù)(=>)

在箭頭函數(shù)(=>)中，this始終指向它被創(chuàng)建時(shí)所處的詞法作用域中的this。全局代碼中，它將被設(shè)置為全局對(duì)象：

 
 
 
 
    
  
  
  
  
  1.  
    2.

五、總結(jié)

本文基于JavaScript 基礎(chǔ)，介紹了this 關(guān)鍵字，與其他語言相比，this關(guān)鍵字在JavaScript中的行為略有不同，對(duì)this ，包括(全局，函數(shù)，函數(shù)綁定)常見的用法進(jìn)行了詳細(xì)的講解。希望能夠通過文章的學(xué)習(xí)，讓讀者更好的認(rèn)識(shí)，學(xué)習(xí)JavaScript。


網(wǎng)站題目：一篇文章帶你了解JavaScriptthis關(guān)鍵字
分享路徑：http://www.5511xx.com/article/cddpchd.html