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

请看一下这个方法作用域的问题.

  •  
  •   jacob · 2014-02-10 23:39:44 +08:00 · 3122 次点击
    这是一个创建于 3939 天前的主题,其中的信息可能已经有所发展或是发生改变。
    下面这段代码执行是o is undefined错误。我想应该是作用域的关系,因为去掉外部立即执行函数的包裹,就可以执行。但是我好奇,o.m()的调用和o的定义明明都在同一个函数里面,怎么会无法访问呢?

    // $(function ( ) {
    // var o;
    // o= {
    // v:0,
    // m:function () {
    // alert("hello");
    // }
    // };


    // setInterval("o.m()",1000);
    // });



    为什么改成 //setInterval( function( ) { o.m(); } , 1000);
    又可以执行了呢。谢谢
    10 条回复    1970-01-01 08:00:00 +08:00
    dorentus
        1
    dorentus  
       2014-02-10 23:42:38 +08:00
    window.setInterval 第一个参数用字符串的话,估计是运行到的时候才 eval 的吧,谁知道它那时用的是哪的作用域(或许是全局?)……
    tinyhill
        2
    tinyhill  
       2014-02-10 23:49:52 +08:00
    $(function () {
    var o;
    o = {
    v: 0,
    m: function () {
    alert("hello");
    }
    };
    window.o = o;
    setInterval("o.m()", 1000);
    });
    qq286735628
        3
    qq286735628  
       2014-02-10 23:53:15 +08:00
    $(function ( ) {
    var o;
    o= {
    v:0,
    m:function () {
    alert("hello");
    }
    };
    setInterval(o.m,1000);
    });
    jacob
        4
    jacob  
    OP
       2014-02-10 23:53:35 +08:00
    @dorentus
    你提醒我了,不用字符串做参数,直接用函数或者方法的引用就行了。setInterval(o.m,1000);但还是不知道为什么用字符串和函数做参数
    jacob
        5
    jacob  
    OP
       2014-02-10 23:56:53 +08:00
    @tinyhill 可否详细说明下这个问题?
    jacob
        6
    jacob  
    OP
       2014-02-10 23:57:33 +08:00
    @qq286735628 我提交后看到你的回复了- -
    tinyhill
        7
    tinyhill  
       2014-02-10 23:57:55 +08:00   ❤️ 2
    @jacob 函数做参数就是单纯调用;字符串做参数相当于 eval 一次,执行上下文是 window;
    dorentus
        8
    dorentus  
       2014-02-11 00:03:30 +08:00   ❤️ 2
    如果你想问什么时候用字符串、什么时候用函数的话,那么答案是:「永远都只用函数」。

    ----
    稍微长点的答案是:「当然,setInterval 的第一个参数当然可以用字符串、eval 也并非一无是处,不过仅仅在你知道你在做什么的时候、并且你完全确定你要这么做的时候,才用它们」。

    ----
    参见:
    1) https://developer.mozilla.org/en-US/docs/Web/API/Window.setInterval
    2) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval
    yimity
        9
    yimity  
       2014-02-11 07:45:29 +08:00
    tinyhill 回答的对。
    ksc010
        10
    ksc010  
       2014-02-11 09:06:59 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2918 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:10 · PVG 20:10 · LAX 04:10 · JFK 07:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.