前端开发开发规范前端教程

每天一个前端知识（42）:避免使用with

frontend

Posted by Tiny on July 6, 2017

// 使用with往往是比较慢的
    console.time('use with');
    with(Math) {
        console.log(min(1, 2));
        console.log(max(3, 2));
        console.log(ceil(2.5));
    }
    console.timeEnd('use with');
    // 直接使用
    console.time('without with');
    console.log(Math.min(1,2));
    console.log(Math.max(3,2));
    console.log(Math.ceil(2.5));
    console.timeEnd('without with');
    // 运行结果如下 可以看到使用with速度慢了好多倍
    // 1
    // 3
    // 3
    // use with: 3.76ms
    // 1
    // 3
    // 3
    // without with: 0.397ms

谨记

避免使用with语句

使用简短的变量名替代重复访问的对象

显式地绑定局部变量到对象的属性上,而不要使用with语句隐式地绑定它们

参考资料：https://lee134134134.github.io/page/8/