Javascript 的 this 让人很困惑,到底什么时候该用 this 呢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
tedd
V2EX    Javascript

Javascript 的 this 让人很困惑,到底什么时候该用 this 呢?

  •  
  •   tedd 2015 年 3 月 8 日 4378 次点击
    这是一个创建于 3985 天前的主题,其中的信息可能已经有所发展或是发生改变。
    楼主是通过Python自学入门的编程,在Python中,按我有限的了解,this是在OO的场景下使用,指的是对象本身,来到了JS,this满天飞,而且不是指的‘对象’本身,我也看过一些资料,了解this需要先了解runtime context,谁call的这个方法,这个this就是指的那个caller,这样理解对吗?

    如果上面的理解正确,那看别人代码大概能看懂this了,自己写的时候就又头大了,什么时候需要用this呢?感觉js中面向对象和函数式编程混着,太难了...
    19 条回复    2015-03-10 01:48:27 +08:00
    RIcter
        1
    RIcter  
       2015 年 3 月 8 日 via iPhone
    this 不是自己的意思_(:з」∠)_

    好像 stackoverflow 上有不的回答
    Bluecoda
        2
    Bluecoda  
       2015 年 3 月 8 日
    js的this还不算难理解吧。ruby元编程的时候,self才真正满天飞。
    arachide
        3
    arachide  
       2015 年 3 月 8 日
    @tedd

    了解this需要先了解runtime context,谁call的这个方法,这个this就是指的那个caller,这样理解对吗?



    结合that看一下就好了

    :-)
    EPr2hh6LADQWqRVH
        4
    EPr2hh6LADQWqRVH  
       2015 年 3 月 8 日
    js的函数和python里面这点还挺像的,就是函数可以套在任何一个对象上执行。

    python的话就是第一个参数,约定俗称叫它self,但self并不是关键字,换成其他的一样运行。

    js的this和python里面的self一个效果,就是当前函数操作的对象,也就是套的对象,现在这个函数套在这个对象上执行。只不过this在js里是关键字,是隐含的。
    bumz
        5
    bumz  
       2015 年 3 月 8 日
    this 指向通「a.b()」用的 a

    http://segmentfault.com/q/1010000000636749
    rentaro
        7
    rentaro  
       2015 年 3 月 8 日
    推荐阅读《Javascript 高级程序设计》 比你在这问有效
    billlee
        8
    billlee  
       2015 年 3 月 8 日   2
    this 有三种用法

    ```Javascript

    function fn() {
    alert(this.something);
    }

    something = "global";
    obj = {
    something: "object",
    method: fn
    };

    fn(); //global
    obj.method(); //object
    var obj2 = new fn(); //undefined
    ```
    FrankFang128
        9
    FrankFang128  
       2015 年 3 月 8 日
    每次用 this 之前,console.log(this) 就好了。
    因为 this 是在运行时确定的。
    tedd
        11
    tedd  
    OP
       2015 年 3 月 8 日
    感谢所有回复的童鞋,Javascript高级程序设计已在京东下单,现在开始挨着看看楼上各位提供的链接
    Mutoo
        12
    Mutoo  
       2015 年 3 月 8 日
    @anewg 这篇居然没讲到 func.bind()
    td width="10" valign="top">
    shibo501c
        13
    shibo501c  
       2015 年 3 月 8 日
    yinxingren
        15
    yinxingren  
       2015 年 3 月 9 日
    hkongm
        16
    hkongm  
       2015 年 3 月 9 日
    首先 use strict
    其次 var _ = this
    再次 bind,apply,call
    tedd
        17
    tedd  
    OP
       2015 年 3 月 9 日
    @hkongm 简单明了 :) 谢谢
    lalalanet
        18
    lalalanet  
       2015 年 3 月 9 日
    hahasong
        19
    hahasong  
       2015 年 3 月 10 日 via Android
    我和楼主相反,先学的js,后学的python,突然改用self还有点不习惯。js的this刚开始也是很容易晕菜,其实js的内置类型都是对象,谁调的方法,方法里的this就指哪个对象。call和apply可以将方法用指定对象调用。另外如果用框架或者别人封装的方法,那就要看文档怎么说了,或者你打印一下就知道了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2822 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 10:36 PVG 18:36 LAX 02:36 JFK 05:36
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86