关于 JavaScript 中 this 的疑问

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3311 days ago, the information mentioned may be changed or developed.

代码：

'''

引入 jQuery

<input type="button" value="TEST" id="btn1">

<script>
var obj = {
output: funciton() {
code block;
},
click: function() {
console.log(this);
//这里输出按钮的 DOM Object
this.output();
//this.output() not a function.
}
}

$("#btn1").click(obj.click);
</script>

'''

话说在 V2EX 中如何优雅的显示代码，用 Markdown 缩进和换行都没了。

8 replies • 2017-05-03 13:37:08 +08:00

xcssum

May 3, 2017

推荐你不知道的 js 关于 this 的讲得很详细

IanPeverell

May 3, 2017

js 不是很懂，不过 markdown 这个锅你自己背，代码块不是用 ''' 而是用 ``` 不需要解释，而且 V2EX 有预览功能你自己可以先看一下效果再发出来

bumz

May 3, 2017

JS 中的 this 是运行时根据调用函数的（忘记名字了）确定的，例如 A.click() 中 click 是通过 A.click 调用的，所以 click 中 this 是 A

但如果 var click; (click = A.click)()，此时函数执行前 A.click 已被求值，A 就丢失了，于是 click 中 this 就指向 windows (严格模式为 undefined)

function evoke(fn) {fn()} evoke(A.click) 同理，此时 click 已经脱离的 A，this 指向 windows/undefined

bumz

May 3, 2017

evoke(A.click.bind(A)) 把 click 的 this 绑定到 A 即可解决这个问题。