日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

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

一、前言

方法中，this關鍵字引用其所屬的對象。

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

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

在嚴格模式下，this是未定義的在事件中。

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

二、方法上下文

在對象方法中，this指代方法的user。

當調用user.getName()時，函數(shù)內(nèi)部將this綁定到user對象：

例：

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

這里user對象是所有者getName的方法。

1. 全局上下文

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

示例

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

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

2. 函數(shù)上下文

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

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

在嚴格模式，然而this的值是undefined。

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

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

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

當一個函數(shù)用作事件處理程序時，this將被設置為觸發(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)事件處理程序調用代碼時，會將this設置為放置監(jiān)聽器的元素：

 
 
 
 
    
  
  
  
  
  1. 點擊刪除我 
    2.

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

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

它們都可以用于調用以另一個對象作為參數(shù)的對象方法。

 
 
 
 
    
  
  
  
  
  1.  
    2.

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

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

 
 
 
 
    
  
  
  
  
  1.  
    2.

五、總結

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


當前名稱：一篇文章帶你了解JavaScriptthis關鍵字
轉載來源：http://www.dlmjj.cn/article/cddpchd.html