V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
mopig
V2EX  ›  JavaScript

关于 this 的指向, 很是疑惑啊 %>_<%

  •  
  •   mopig · 2014-06-11 16:28:41 +08:00 · 2991 次点击
    这是一个创建于 3608 天前的主题,其中的信息可能已经有所发展或是发生改变。


    搞不懂 bind 前面的 this 和后边的 this 各指向的对象.

    stackoverflow 上边看到的一段代码...
    9 条回复    2014-06-11 22:05:04 +08:00
    superbear
        1
    superbear  
       2014-06-11 16:34:25 +08:00   ❤️ 1
    看不懂可以把this存到一个变量里例如,var _this = this。
    lijsh
        2
    lijsh  
       2014-06-11 16:38:30 +08:00   ❤️ 3
    两个this都是同一个对象,就是以new调用MyObject时返回的实例对象。

    添加事件处理函数时,当前作用域会丢失(即this会指向全局对象),因此这里要把this.onClick绑定回当前的this中。

    还有一种会丢失作用域的情况是定时函数,所以如果想保存原来的上下文,同样需要为定时函数添加this绑定。
    exoticknight
        3
    exoticknight  
       2014-06-11 16:55:21 +08:00   ❤️ 1
    很多时候主要是代码运行的环境不一样导致this的指向变了,比如onclick执行的时候不是在你代码运行的时候而是你点击的时候。
    mopig
        4
    mopig  
    OP
       2014-06-11 16:55:50 +08:00
    @superbear 谢谢

    @lijsh 解释很清楚, 太感谢了
    superbear
        5
    superbear  
       2014-06-11 16:58:16 +08:00
    @lijsh 哦,在看不懂的情况话,我就会将this对象赋给一个变量,供之后使用
    lijsh
        6
    lijsh  
       2014-06-11 18:21:55 +08:00
    @superbear 一般this会丢失的情况就几种,闭包里,还有就是事件处理函数和定时函数,其他情况下不怎么需要保存这个this
    pepsin
        7
    pepsin  
       2014-06-11 18:29:29 +08:00
    尽量避免用
    mcfog
        8
    mcfog  
       2014-06-11 19:06:27 +08:00
    之前正好写了一篇关于this指向的文章 http://mcfog.github.io/2014/05/easy-ecma-1/

    比起解释this,更多的是教你看ecma标准,希望对你有帮助
    superbear
        9
    superbear  
       2014-06-11 22:05:04 +08:00
    @lijsh 哦,比如经常在ajax传数据的时候用这种方法
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   962 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 22:53 · PVG 06:53 · LAX 15:53 · JFK 18:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.