笔记 11 JS
undefined 和 null
JavaScript 有两个表示‘空’的值,其中比较有用的是 undefined。
undefined
undefined 是一个值为 undefined 的类型
这个语言也定义了一个全局变量,它的值是 undefined,
这个变量也被称为 undefined。
但是这个变量不是一个常量,也不是一个关键字。
这意味着它的值可以轻易被覆盖。
ES5 提示
: 在 ECMAScript 5 的严格模式下,
undefined 不再是 可写的了。
但是它的名称仍然可以被隐藏,
比如定义一个函数名为 undefined。
下面的情况会返回 undefined 值
1 访问未修改的全局变量 undefined。
2 由于没有定义 return 表达式的函数隐式返回。
3 return 表达式没有显式的返回任何内容。
4 访问不存在的属性。
5 函数参数没有被显式的传递值。
6 任何被设置为undefined值的变量。
/**
* 为了避免可能对 undefined 值的改变,
* 一个常用的技巧是使用一个传递到匿名包装器的额外参数。
* 在调用时,这个参数不会获取任何值。
*/
var undefined = 123;
(function(something, foo, undefined) {
// 局部作用域里的 undefined 变量重新获得了 `undefined` 值
})('Hello World', 42);
/**
* 这里唯一的区别是,在压缩后并且函数内没有其它需要使用
* var声明变量的情况下,这个版本的代码会多出 4 个字节的代码。
*
* 这里有点绕口,其实很简单。
* 如果此函数内没有其它需要声明的变量,
* 那么 var 总共 4 个字符(包含一个空白字符)
* 就是专门为 undefined 变量准备的,
* 相比上个例子多出了 4 个字节。
*/
var undefined = 123;
(function(something, foo) {
var undefined;
...
})('Hello World', 42);
null
JavaScript 中的 undefined 的使用场景类似于其它语言中的 null,
实际上 JavaScript 中的 null 是另外一种数据类型。
它在 JavaScript 内部有一些使用场景(
比如声明原型链的终结 Foo.prototype = null
),但是大多数情况下都可以使用 undefined 来代替。
自动分号插入
尽管 JavaScript 有 C 的代码风格,
但是它不强制要求在代码中使用分号,
实际上可以省略它们。
JavaScript 不是一个没有分号的语言,
恰恰相反上它需要分号来就解析源代码。
因此 JavaScript 解析器在遇到由于缺少分号导致的解析错误时,
会自动在源代码中插入分号。
自动的分号插入被认为是
JavaScript 语言最大的设计缺陷之一,
因为它能改变代码的行为。
var foo = function() {
} // 解析错误,分号丢失
test()
// 自动插入分号,解析器重新解析。
var foo = function() {
}; // 没有错误,解析继续
test()
(function(window, undefined) {
function test(options) {
log('testing!')
(options.list || []).forEach(function(i) {
})
options.value.test(
'long string to pass here',
'and another long string to pass'
)
return
{
foo: function() {}
}
}
window.test = test
})(window)
(function(window) {
window.someLibrary = {}
})(window)
// 下面是解析器"猜测"的结果。
(function(window, undefined) {
function test(options) {
// 没有插入分号,两行被合并为一行
log('testing!')(options.list || []).forEach(function(i) {
}); // <- 插入分号
options.value.test(
'long string to pass here',
'and another long string to pass'
); // <- 插入分号
return; // <- 插入分号, 改变了 return 表达式的行为
{ // 作为一个代码段处理
foo: function() {}
}; // <- 插入分号
}
window.test = test; // <- 插入分号
// 两行又被合并了
})(window)(function(window) {
window.someLibrary = {}; // <- 插入分号
})(window); //<- 插入分号
注意:
JavaScript 不能正确的处理 return 表达式紧跟换行符的情况,
虽然这不能算是自动分号插入的错误,但这确实是一种不希望的副作用。
// 前置括号
// 在前置括号的情况下,解析器不会自动插入分号。
log('testing!')
(options.list || []).forEach(function(i) {})
// 上面代码被解析器转换为一行。
log('testing!')(options.list || []).forEach(function(i) {})
建议
绝对不要省略分号,
同时也提倡将花括号和相应的表达式放在一行,
对于只有一行代码的 if 或者 else 表达式,也不应该省略花括号。
这些良好的编程习惯不仅可以提到代码的一致性,
而且可以防止解析器改变代码行为的错误处理。
? ES6 应该有优化吧