this指针和闭包那个性能更好?

momo707577045
  • 1.9k

在编程的时候经常会遇到this指针和闭包同时存在的问题。如下面的代码所示。
【1】使用这两种方法都能解决问题,但是那个性能会更好些。怎么分析?
【2】在使用第二种方法中,使用了bind改变了this指针后,是否仍相对于test函数形成闭包?

<script>
    function test() {
        var obj = {name: 1};
        window.setTimeout(function () {
            console.log(obj.name);
        }, 1000);
        window.setTimeout(function () {
            console.log(this.name);
        }.bind(obj), 1000);
    }
    test();
</script>
回复
阅读 5.2k
8 个回答
✓ 已被采纳

https://jsfiddle.net/hsfzxjy/xm46t186/

let obj = { name: 1 }

function func1 () {
    obj.name = 2
}

let func2 = function () {
    this.name = 2
}.bind(obj)

function test (func) {
    let i
    for (i = 0;i < 1000000; i++) func()
}

console.time('func1')
test(func1)
console.timeEnd('func1')

console.time('func2')
test(func2)
console.timeEnd('func2')

结果差异显著:

图片描述


相关阅读:Why is bind slower than a closure?

一条直路,你要绕一下那肯定慢!

200倍以上,果断不能用!

必然是第一种性能好...原因是call,apply,bind这种绑定this的操作非常耗性能...

闭包好一点,除非你用that保留this,不然this丢失了你分分钟都不能debug出来

setTimeout可以传参数的,作为参数传过去,这样肯定比以上两种都快。
https://developer.mozilla.org...

let obj = { name: 1 }

function func1 () {
    obj.name = 2
}

let func2 = function () {
    this.name = 2
}.bind(obj)

let func3 = function (obj) {
        obj.name=2
}
function test (func) {
    let i
    for (i = 0;i < 1000000; i++) func()
}

function test1 (func,obj) {
    let i
    for (i = 0;i < 1000000; i++) func(obj)
}

console.time('func1')
test(func1)
console.timeEnd('func1')

console.time('func2')
test(func2)
console.timeEnd('func2')

console.time('func3')
test1(func3,obj)
console.timeEnd('func3')

clipboard.png

这个问题意义不大,JS不像Java,没有bytecode和stack machine定义,就是说,看实现;而且现代JS编译器都是inline caching的,对于过于简单的代码都很快做到hot path optimization,real world性能和前面那样简单的benchmarking,相去甚远。闭包在很多时候是非常方便和易懂的,该用就用。

nonoroazoro
  • 1
新手上路,请多包涵

你在 node 里面跑跑试试,我在 6.3.1 里跑,高票答案的 func1 和 func2 调整顺序会有惊喜,至于为什么,自己去查把,不要人云亦云。

另外 Bind 并非不能用,看你用在哪。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏