请教有一个 javascript 问题

[whatisnew]

如代码代示，js对象内访问，用 this 和 obj 都可以，但是在 对象方法内在 callback 里用 this 就会报未定义，但是用 obj.remove 就可以，求大神给指点一下，如何写比较好比较正确。

define(function() {

    var obj = {

        add: function(id) {
            // 这里可以用 this
            this.edit(id, function() {
                // 这里报 this 未定义
                this.remove(id);
                // 如果用 obj.remove() 就可以
                obj.remove(id);
            });
            // 也可以用 obj.edit()
            // 哪种效率比较高呢？
            // 或者是比较标准的正确写法呢？
        },

        edit: function(id) {
            console.log('edit');
        },

        remove: function(id) {
            console.log('remove');
        }

    };

    return obj;
});

[Hyperion]

调用this.edit 之前 _this = this;

在传入函数里使用_this.

[ChiangDi]

是报 this.remove 未定义吧？

[sneezry]

this.edit(id, function() {
this.remove(id);
}.bind(this));

但是，this.edit不是只接受一个参数吗？？

[whatisnew]

@sneezry 哈哈，是的，这是一个示例。

[whatisnew]

@Hyperion 这样的话在对象内使用 `this` 和 `obj` 有啥区别呢？效率区别？标准区别？

[whatisnew]

@ChiangDi 是的，确切的来说是 this.remove 未定义。超出了作用域。

[FrankFang128]

极端得讲一下：
1 this 永远指向 window
2 除非你显式指定 this
3 显式地指定this有如下方法：
3.1 使用点语法指定，如obj.remove
3.2 使用call和apply指定
3.3 浏览器内置方法默认指定，如事件的回调等
3.4 其他不建议的方法

[FrankFang128]

不要再用OOP的角度来理解JS的this了，不然你永远学不会。
好好看看犀牛书，不要看了蝴蝶书就以为自己会JS了。

[FrankFang128]

3.2 还应加上 bind 等方法。

[whatisnew]

@FrankFang128 果然大神，一看就知道我纠结在哪了，真的这么多年 cpp java php 习惯性 oop 了，着手码几行 js 真心不适应，正在强迫自己适应中。

从前端同事那里借了这个犀牛书，正在专研中！哈哈

不过，我在 `var obj {..}` 里 `console` 出来了 `this`，出来一个对象，是 `var obj` 声明的这个对象本身。
如果是 this 指向 window 的话，他应该有更多对象才对吧？

[FrankFang128]

@whatisnew 我上面说的是浏览器，所以用了极端两字。非浏览器的 this 会默认指向 null 或 global

[FrankFang128]

@whatisnew 你说的后半段我没看懂，贴出代码吧

[mcfog]

@FrankFang128 挑个刺，漏了strict mode哈

[FrankFang128]

@mcfog 嗯，“极端”。手机码字

[FrankFang128]

@mcfog 所以就简化了一些

[Septembers]

@mcfog ES5特性 ES3并没有

[FrankFang128]

现在有电脑了，就再说下吧。
this和obj的区别，obj 很简单，就是一个对象的引用，你给 obj 赋值后它就固定了。
但 this 不是，this 是一个函数在被调用时的上下文：
1. 只有函数被调用时 this 才能确定是什么。
如 obj.add 里的第一个 this，被你显式地指定为 obj，所以 this === obj
但是如果你这样调用 `var anotherAdd = obj.add; anotherAdd()`，那么 anotherAdd 被调用时的 this 就又是 window 了
2. 每执行一个函数，都对应一个 this。
所以你 obj.add 里的第2个 this，也就是`this.remove(id);` 这一句里的 this，由于没有显式指定，就有指向 window 了（在这一句话被执行的时候）

[FrankFang128]

不知道有没有说清楚，总之就是每看到一个 function 关键字，this 就有可能变化。
this 跟对象无关，只与 function 有关。

[FrankFang128]

17 楼说得有点乱，没看懂就忽略，看 18 楼吧。

[whatisnew]

@FrankFang128 懂了！哈哈，太赞了！新技能 get 高兴中