JavaScript綁定this
問題描述
var a = {
one: 1,
haha() {
console.log(this.one)
}
}
setTimeout(a.haha, 1000)
在上例中,函數haha引用了this.one,而定時器結束之後調用的haha傳入的this並不是a,輸出結果this.one是未定義變量。
方法一:使用箭頭函數的方式設置回調
var a = { one: 1, haha() { console.log(this.one) } } setTimeout(() => { a.haha() }, 1000)
方法二:手動指定this
var a = {
one: 1,
haha() {
console.log(this.one)
}
}
function go(func) {
func.bind(a).call()
}
go(a.haha)
JavaScript綁定this
相關推薦
JavaScript綁定this
ava con this script 指定 console 定義變量 java () 問題描述 var a = { one: 1, haha() { console.log(this.one) } } setTimeout(a.ha
day51—JavaScript綁定事件
div rowspan list borde remove 需要 ie瀏覽器 dev 學習 轉換學開發,代碼100天——2018-05-06 今天學習JavaScript的綁定事件。因為瀏覽器的原因綁定事件需要考慮兼容性問題。 attachEvent IE瀏覽
React組件方法中為什麽要綁定this
component 應用 handle details 基礎 什麽 規則 命名 回調 React組件方法中為什麽要綁定this 如果你嘗試使用過React進行前端開發,一定見過下面這樣的代碼: //假想定義一個ToggleButton開關組件 class ToggleBut
JavaScript綁定事件跟解綁事件的兼容代碼
cli listener oct list event java value bsp else <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
this的綁定方式
script 執行 var 默認 foreach 不知道 可能 表達 原型 默認綁定 函數調用時綁定window,在嚴格模式下不會綁定到全局對象 function foo(){ console.log(this.a); } var a = 10; foo();
javascript與jquery動態綁定事件需要先加載頁面註意的坑
如果 cli ntb on() ner nbsp 自動加載 load query 1、javascript的Dom對象動態事件綁定註意以下2點,如:document.getElementById("id名稱").addListenerEvent("事件名稱",functio
javaScript事件綁定
java out 是否 常用 element 事件處理 tac 結構 tex 事件綁定,就是要對某一個東西進行操作。(因為你想讓他實現什麽效果,所以就得綁定他,哈哈哈!) 要想讓 JavaScript 對用戶的操作作出響應,首先要對 DOM 元素綁定事件處理函數。所謂事件處
javascript-事件綁定
javascript-事件綁定1、事件綁定與解除<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <s
cocos2d-html5 javascript 通過C++綁定,調用java方法
setprop 綁定 gin call news .cpp argc clas end 1、java中的寫法 /* * XConnectPlugin.java * * Created on: 2014年4月30日 * Author: [em
this 的顯示綁定-call、apply
ons app str -- 一個 num pro 類型 字符串類型 簡單的栗子: function(){ console.log(this.a);}var obj={ a:2 }; foo.call(obj);//2 call把foo中的this指向了obj
JavaScript中,有三種常用的綁定事件的方法
cti 能夠 自定義 結構 彈出 事件流 his 不同 標簽 要想讓 JavaScript 對用戶的操作作出響應,首先要對 DOM 元素綁定事件處理函數。所謂事件處理函數,就是處理用戶操作的函數,不同的操作對應不同的名稱。在JavaScript中,有三種常用的綁定事件的方法
javascript事件委托和jQuery事件綁定on、off 和one
作用 clas title 現實 調用 指定 更強 die() 停止 一. 事件委托什麽是事件委托?用現實中的理解就是:有100 個學生同時在某天中午收到快遞,但這100 個學生不可能同時站在學校門口等,那麽都會委托門衛去收取,然後再逐個交給學生。而在jQuery 中,我們
JavaScript中事件綁定的三種方式
element blog href 轉載 pre 模型 www. 初學者 進行 JavaScript使得網頁與用戶友好交互,在使用 js 進行時間綁定的時候有三種綁定方式。 第一種:初學者以及普通寫法 1 <div id="dom0"> 2 &
JavaScript事件綁定的常見方式
target -h ext news AI type ref blank ava 在Javascript中,事件綁定一共有3種方式: ① 行內綁定 ② 動態綁定 ③ 事件監聽 原文: https://mbd.baidu.com/newspage/data/landing
每日質量NPM包事件綁定_bindme(詳解React的this)
class struct 技術分享 rec hand methods react arguments 屬性 一、bindme 官方定義: is a helper to bind a list of methods to an object reference 理解: 因為不
前端(十三)—— JavaScript高級:回調函數、閉包、循環綁定、面向對象、定時器
set 執行 使用 一次 name屬性 解決案例 就會 請求 事件 回調函數、閉包、循環綁定、面向對象、定時器 一、函數高級 1、函數回調 // 回調函數 function callback(data) {} // 邏輯函數 function func(callback)
關於this綁定的四種方式
面向 總結 調用 默認 執行 的人 做了 數組 就是 一、前言 我們每天都在書寫著有關於this的javascript代碼,似懂非懂地在用著。前陣子在看了《你不知道的JavaScript上卷》之後,也算是被掃盲了一邊關於this綁定的四種方式。 二、綁定規則 關於this應
this綁定
的區別 開始 pan 嚴格模式 span ron 接受 立即執行 等價 默認綁定 默認綁定一般是綁定到window上,嚴格模式下是undefined 1 function mfoo () { 2 let a = 1; 3 console.log(thi
JavaScript之元素綁定事件
button break eve lis 支持 mouseout dde cas 解綁 元素綁定事件的方法 Element.addEventListener(); Element.attachEvent(); 相同點和不同點 相同點: 都可以為元素綁定事件 不同點: 1.
第16天 javascript事件綁定 dom0 dom1 dom2
重新 復制 box 菜單 ntb tts javascrip dea 裏的 文檔對象模型(Document Object Model,DOM)是一種用於HTML和XML文檔的編程接口。它給文檔提供了一種結構化的表示方法,可以改變文檔的內容和呈現方式。我們最為關心的是,DOM