JQuery之proxy實現綁定代理

来源:http://www.cnblogs.com/xfz1987/archive/2016/07/31/5724134.html
-Advertisement-
Play Games

在javascript中,this指代的對象時常會變化,這會造成程式,混亂,一般做法就是先將this保存在一個變數中,就不怕她變了,我們先看一個小例子 JQuery提供了proxy方法,它可以綁定代理一個對象,this變了,我不怕不怕啦,that當this,我不怕不怕不怕啦,proxy有了你出現,對 ...


    在javascript中,this指代的對象時常會變化,這會造成程式,混亂,一般做法就是先將this保存在一個變數中,就不怕她變了,我們先看一個小例子

var A = function(){
     this.star = functiont(){};
     this.beg = function(){
        var that = this;
        $node.click(function(){
              //this.start();//這裡的this指代的是$node對象
               that.start();
        });
    };
}

   JQuery提供了proxy方法,它可以綁定代理一個對象,this變了,我不怕不怕啦,that當this,我不怕不怕不怕啦,proxy有了你出現,對象變化,我不怕啦......

$node.on('click',$.proxy(function(){
     this.start();
},this)

 


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

-Advertisement-
Play Games
更多相關文章
  • SPR(The Single Responsibility Principle):單一責任原則 OCP(The Open Closed Principle):開放封閉原則 LSP(The Liskov Substitution Principe):里氏替換原則 DIP(The Dependency ...
  • A集成代碼生成器 [正反雙向(單表、主表、明細表、樹形表,開發利器)+快速構建表單; freemaker模版技術 ,0個代碼不用寫,生成完整的一個模塊,帶頁面、建表sql腳本,處理類,service等完整模塊B 集成阿裡巴巴資料庫連接池druid; 資料庫連接池 阿裡巴巴的 druid。Druid在 ...
  • 初探MVC Model:負責定義信息格式月信息訪問的界面,包括商業邏輯與信息驗證。 View:負責用戶界面相關呈現,包括輸入與輸出。 Controller:負責控制系統的運行流程、跟瀏覽器的交互、決定網頁操作的流程與動線、響應客戶端的各種要求、錯誤處理等等。 定義數據結構 負責與資料庫溝通 從資料庫 ...
  • 理解深拷貝和淺拷貝之前需要弄懂一些基礎概念,記憶體中存儲的變數類型分為值類型和引用類型。 1、值類型賦值的存儲特點, 將變數內的數據全部拷貝一份, 存儲給新的變數。 例如:var num = 123 ;var num1=num; 表示變數中存儲的數字是 123。然後將數據拷貝一份,就是將 123 拷貝 ...
  • SVG描邊動畫原理其實很簡單,主要利用以下兩個屬性 stroke-dasharray 製作虛線,使得黑白相間, stroke-dashoffset 使得虛線向開頭偏移,這裡的1500不精確,是我隨便取的,下文介紹通過JS獲取長度。 動畫就是減少虛線偏移,那麼實線就會慢慢漏出來了 JS獲取長度 var ...
  • SVG是什麼 SVG是什麼 SVG 指可伸縮矢量圖形 (Scalable Vector Graphics) SVG 用來定義WEB上使用的矢量圖 SVG 使用 XML 格式定義圖形 SVG 圖像在縮放時其圖形質量不會有所損失 SVG 是W3C推薦的 SVG 與諸如 DOM和 XSL 之類的W3C標準 ...
  • ES6新特性之 函數參數的預設值寫法 和 箭頭函數。 1、函數參數的預設值 ES5中不能直接為函數的參數指定預設值,只能通過以下的變通方式: 從上面的代碼可以看出存在一個問題,當傳入的參數為0或者false時,會直接取到後面的值,而不是傳入的這個參數值。 那怎麼解決呢?對於上圖的代碼,可以通過判斷是 ...
  • 一、前言 昨天我們瞭解了Js的很重要的一個概念叫做函數,函數就是對於冗餘和垃圾代碼的一種封裝機制。簡單的講就是為了能讓程式更好更快的執行我們將一些重覆性的代碼提取,封裝成一個有名字的小盒子,等到我們需要的時候我們可以直接將盒子拿出來使用。 二、引入 無論是在前端還是後臺語言中函數都是一個個成功程式的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...