关于JavaScript你可能不知道的事 1 - 5

1. var关键字声明的变量的作用域是整个函数.

var bar = 'global';
function foo () {
    console.log(bar); // ==> undefined
    var bar = 'local';
    console.log(bar); // ==> local
}
foo();

按照我们的想法, 第一行应该打印global才对. 但是, 事实上, 因为var的作用域是整个函数, 而不是只作用于其后的内容, 所以,我们的函数定义其实和下面的这个定义是等价的

function foo () {
    var bar;
    console.log(bar);
    bar = 'local';
    console.log(bar);
}

这件事请告诉我们, 最好把var语句都放在函数的顶部, 这样可以避免不必要的误解, 以便增加程序的可读性.

ps:

function foo () {
    for (var s=0, i=0; i<10; i++) {
        for (var j=0; j<10; j++) {
            s = i*j;
        }
    }
    console.log(s); // ==> 81
}
foo();

以上代码中, s是在for循环内生成的,但并不妨碍它的作用域, 它的作用域还是整个函数.

2. 作用域链

待

3. || 运算符

|| 的求解顺序是从左至右的. 并且, 如果左边的值为真, 那么整个式子的值就一定是真了. 因此它不会再向右求解.

比如

var i = 1;
i || ++i;
console.log(i); // ==> 1
++i || i;
console.log(i); // ==> 2

在对 i || ++i 这个表达式求值时, 系统会从左到右求解, 因此会先看到i, i为1, 转换成布尔值为真. 因此整个表达式的值为真, 也因此, 不会再执行++i.

|| 表达式还有一个特征, 它返回的值不一定是真或者假, 而是构成表达式的因子的值. 看代码你就明白了.

console.log(42 || [1,2]); // ==> 42

实际上, || 运算符完全等价于以下函数

function _or_ (a, b) {
    if (a) {
        return a;
    } else {
        return b;
    }
}

我知道你不相信,但是你可以实验一下.

于是我们的一些代码就可以写的比较顺畅了. 比如缺省参数, 要达到我们的目的可以这样写:

function sayTo(who) {
    if (!who) {
        who = 'Xiaochi';
    }
    ...
}

但有更简洁也更易读的方式:

function sayTo(who) {
    who = who || 'Xiaochi';
    ...
}

ps:

&& 运算符就相当于

function _and_ (a, b) {
    if (a)
        return b;
    else
        return a;
}

4. 数组的length可写

给数组的length赋值, 如果值小于当前值, 将会切断数组, 如果大于当前值, 将会扩充数组.
我不知道这个知识点有什么用...

var a = [1];
a.push(23);
console.log(a); // ==> [1, 23]
a.length = 5;
console.log(a); // ==> [1, 23, undefined, undefined, undefined]

5. 将参数转化为数组

有的时候希望将函数转化为数组对象, 这样就可以利用数组对象的各种方便的方法了.方式如下:

var argsArray = [].slice.apply(arguments);