this詞法

来源:https://www.cnblogs.com/mengfangui/archive/2018/01/18/8308888.html
-Advertisement-
Play Games

1、示例代碼 2、解決this綁定問題 (1)最常用的是方法一 (2)箭頭函數:不夠理想,函數是匿名的;同時混淆了this綁定規則和詞法作用域規則。 ...


1、示例代碼

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>詞法作用域</title>
    </head>

    <body>

        <script type="text/javascript">
            //方法一:self通過使用詞法作用域和閉包
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  var self= this;
            //                  if(self.count<1){
            //                      setTimeout(function timer(){
            //                          self.count++;
            //                          console.log(self.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法二:使用箭頭函數
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  if(this.count<1){
            //                      setTimeout(()=>{
            //                          this.count++;
            //                          console.log(this.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法三:使用bind()
            var obj = {
                count: 0,
                cool: function coolFn() {
                    if(this.count < 1) {
                        setTimeout(function timer() {
                            this.count++; //this是安全的,因為使用了bind
                            console.log(this.count);
                        }.bind(this), 1000)
                    }
                }
            };
            obj.cool();
        </script>
    </body>

</html>

2、解決this綁定問題

(1)最常用的是方法一

(2)箭頭函數:不夠理想,函數是匿名的;同時混淆了this綁定規則和詞法作用域規則。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文首發於 "博客園" ,併在 "GitHub" 上持續更新 前端的系列文章 。歡迎在GitHub上關註我,一起入門和進階前端。 以下是正文。 if語句 最基本的if語句 if語句的結構體:(格式) if語句也成為“選擇語句”、“條件判斷語句”。 多分支的if語句 格式: 以上所有的語句體中,只執行 ...
  • 直接上代碼! <!DOCTYPE html><html lang="en"><head> <title>小三角</title> <style> .up-triangle{ width:0px; height:0px; border-bottom:30px solid #000; border-lef ...
  • 在進行網站網頁設計製作的時候,經常需要用到不同的顏色的搭配,效果,網頁中標明顏色比較好的是用十六進位數據來進行標註,但是由於顏色很多,這些十六進位代碼數量龐大,所以blueslu整理了一些網站建設項目中網頁調色常用的顏色代碼,以備使用。 #9f0101 #67b55b #fff68f #ffd700 ...
  • Angular-搜索框及價格上下限 閑來無事,寫一個簡單的angular的搜索框。 1.要求: 利用 AngularJS 框架實現手機產品搜索功能,題目要求: 1)自行查找素材,按照原有數據格式將手機產品數據豐富到至少10個以上 2)自行設計頁面,需要包含“搜索條件部分”,“手機信息顯示部分” 3) ...
  • 先看background和background-color background:可以設置背景顏色,背景圖片,還有定位。預設background:no-repeat; background-color:只可以設置背景顏色。預設background:repeat; 設置透明度的方式有兩種: 第一種: ...
  • 這篇教程是由以太坊Mist瀏覽器的負責人撰寫,完整地介紹瞭如何開發一個標準的DApp。 ...
  • 新手跳坑。你寫的路徑路由是正確的,但是發現點擊了,一點反應也沒有,很可能是下下麵幾種原因: 1:你要跳轉的是tabBar中的頁面,需要用到專屬的跳轉方法switchtab 2:在app.js中沒有配置該頁面 3:頁面層級是不是超過五層了。可以用銷毀的跳轉方式 wx.navigateTo(OBJECT ...
  •   前前後後已經快寫了2年左右javaScript,剛開始只是簡單用於一些表單驗證和操作dom節點,並沒有深入的使用,隨著漸漸的深入,開始不想去寫重覆的代碼(懶的開始),從而寫簡單的繼承,封裝,抽象等等,最終效果寫重覆代碼少、可用性高(主要:迭代快、代碼可以持續使用, 加班 也少 ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...