JavaScript秘密花园

译文地址 bonsaiden.github.io/JavaScript-Garden/zh/#intro.authors

之前被人问到JS一些概念性的东西,感觉很模糊,可能层次比较浅,偏理论的东西实践得较少,发现一处花园, 采点小蜜。




1 数字不是对象的误解
    2.toString();报语法错误的原因是因为试图将 点号解析为浮点数的一部分。
    (2).toString()可行的。

2 hasOwnProrotype方法继承自Object.prototype
    是JS中唯一一个处理属性但是不查找原型链的函数。

3 函数名在函数内总是可见的
    var a = function b (){b();}//见9

4 'use strict'
    严格模式下,arguments的 getter 和 setter 方法不会被创建
    function f(a) {
        "use strict";
        a = 42;//setter没有被创建, arguments[0] 不会变
        return [a, arguments[0]];
    }

5 ??? 然而,的确有一种情况会显著的影响现代 JavaScript 引擎的性能。这就是使用 arguments.callee。

function foo() {
    arguments.callee; // do something with this function object
    arguments.callee.caller; // and the calling function object
}

function bigLoop() {
    for(var i = 0; i < 100000; i++) {
        foo(); // Would normally be inlined...
    }
}

上面代码中,foo 不再是一个单纯的内联函数 inlining(译者注:这里指的是解析器可以做内联处理), 因为它需要知道它自己和它的调用者。 这不仅抵消了内联函数带来的性

能提升,而且破坏了封装,因此现在函数可能要依赖于特定的上下文。
因此强烈建议大家不要使用 arguments.callee 和它的属性。

6 构造函数
    构造函数内部this指向新创建的对象;
    新创建的对象prototype被指向构造函数的的prototype;
    如果 函数内部没有显示的return表达式,就会隐式的返回新建的对象;
    如果return 的不是对象,那么将返回新建的对象;
    
7 JS函数中只有通过两种方式声明局部变量 参数 和 var

8 变量提升(hoist)
    变量声明会被提升,但是缺省值是undefined
    函数式声明也会被提升,而且可以立即使用

9 JS函数内部变量查找顺序
    1 查找var声明
    2 查找是否存在以该名称命名的函数
    3 查找函数自身
    function sss(){
        var sss = 1;
        function sss(){}
    }

10 遍历数组的时候, 使用in 会遍历出原型链上的属性
    在使用for(var i=0; L=arr.length; i<L; i++) 缓存数组长度会提高效率

11 相等和比较
    JavaScript 是弱类型语言,这就意味着,等于操作符会为了比较两个值而进行强制类型转换。
    不像普通的等于操作符,严格等于操作符不会进行强制类型转换。
    虽然 == 和 === 操作符都是等于操作符,但是当其中有一个操作数为对象时,行为就不同了。这里等于操作符比较的不是值是否相等,只有对象的同一个实例才被认为是

相等的。 这有点像 Python 中的 is 和 C 中的指针比较。

12 typeof/instanceof 操作符
    typeof操作符 是JS设计的缺陷之一,大多数情况会返回Object。而且总是返回字符串。
    要想精确地得到变量类型,Object.prototype.toString.call('test').slice(8,-1)
    
    instanceof是用来检测对象的构造函数(会有多个)

13 eval
    eval()会执行一段JS字符串,只有被直接调用的时候,才会在当前作用域中执行。
    var a = eval; a('xxx'); 和 eval('xxx')执行环境会有所不同。
    setTimeout/setInterval也接受字符串作为第一个参数,并且执行。但是总是在全局作用域中执行,其中的'eval'不是被直接调用。

14 undefined
    ???全局环境中有个变量叫做undefined, 保存的是undefined类型实际值的副本,因此对它赋新值不会改变undefined类型的值。

15 JS是有分号的语言,需要分号解析源代码,因此在解析的时候会自动插入分号,会产生隐患。

16
function Foo() {
    this.value = 42;
    this.method = function() {
        console.log(this,3333); //执行函数的时候this指向了window,延迟
    };
    setTimeout(this.method, 500);//this执行新建的Foo对象,决定使用哪个方法,立即决定。
}
new Foo();











原文地址:https://www.cnblogs.com/cy056/p/3197153.html