问题描述

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)

转载于:https://www.cnblogs.com/weiyinfu/p/10258290.html

JavaScript绑定this相关推荐

Javascript 绑定事件和 this理解
为什么80%的码农都做不了架构师?>>> 常见绑定事件和几个常见的 this 方式1 :this 代表 object window <div style="wi ...
JavaScript绑定事件的方法[3种]
要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的 ...
JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
Emscripten教程之C++和JavaScript绑定（三）
翻译:云荒杯倾 Embind用于绑定C++函数和类到JavaScript,这样编译代码就能在js中以一种很自然的方式来使用.Embind也支持从C++调JavaScript的class. Embind ...
jquey javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
问题: 如果DOM元素是动态生成的,在这种情况下为该元素绑定click时间,发现点击事件无效,设置debugger,console.log也没用解决: juery:为目标元素的父元素,或者是整个文档 ...
不断的困惑：为什么我仍然使用JavaScript函数语句
Back in the late 90's - when I learned JavaScript - we were taught to write the "Hello World&qu ...
【译】理解 JavaScript 中函数调用和 this
原文 Understanding JavaScript Function Invocation and "this" github 的地址欢迎 star! 前言过去几年,我经常 ...
解耦HTML、CSS和JavaScript
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML.CSS和JavaScript.随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需 ...
20个优秀的JavaScript 键盘事件处理库
键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...

JavaScript绑定this

问题描述

方法一：使用箭头函数的方式设置回调

方法二：手动指定this

JavaScript绑定this相关推荐

最新文章

热门文章