javascript - 没想到setTimeout(location.reload, 1000)报错
PHP中文网
PHP中文网 2017-04-10 16:32:17
0
4
701

然而测试结果是这两份代码是有区别的。

setTimeout(location.reload, 1000);   
setTimeout(function(){location.reload();}, 1000);

1 报错

2 成功。

然而这里偏偏是location.reload 会报错,其他正常的不会报错。why ?

setTimeout(location.reload.bind(this), 1000) 就好了。 but 还是 why ?

PHP中文网
PHP中文网

认证高级PHP讲师

Antworte allen(4)
阿神

请看这

http://stackoverflow.com/questions/10839989/why-cant-i-pass-window-location-reload-as-an-argument-to-settimeout

左手右手慢动作

理解下面这段代码就明白啦

var obj={
    x:10,
    foo:function(){
        if(this===obj){
            console.log(this.x);
        }else{
            throw new Error('this is not obj');
        }
        
    }
}

obj.foo();//10
var foo2=obj.foo;
foo2();//抛出异常 foo2作为一个独立函数对象,已经不再是obj的方法啦
刘奇

this的绑定有四种:1.默认绑定 2. 隐式绑定 3.显式绑定 4. new绑定 (《你不知道的js 上卷》)

这个例子不涉及new绑定,那我就逐一解释前三个。

首先

window.location.reload();

或者

var f = function(){ window.location.reload();};
f();

这种明确指出在xx对象上调用xx方法的语句,都算隐式绑定。所绑定的this是方法前的对象。

再比如

var f = window.location.reload;
f();

这种直接调用方法属于默认绑定,this为window。要注意这种写法,f为reload本身,而不是绑定了window.location的reload。

最后

window.location.reload.call(window.location);

或者

var f = window.location.reload.bind(window.location);
f();

都属于显式绑定,this为传入的第一个对象。后者生成显式绑定的闭包,并且它的优先级是最高的,你把它用作隐式绑定或者默认绑定方式调用,仍然是显式绑定。

左手右手慢动作

因为两种情况下,reload绑定的this不同。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage