设计本网站,wordpress 目录 模板下载,淄博网站建设哪家专业,装饰网站建设优惠套餐尽管 JavaScript 支持一对花括号创建的代码段#xff0c;但是并不支持块级作用域#xff1b; 而仅仅支持 函数作用域。 function test() { // 一个作用域for(var i 0; i 10; i) { // 不是一个作用域// count}console.log(i); // 10
}注意: 如果不是在赋值语句中#x… 尽管 JavaScript 支持一对花括号创建的代码段但是并不支持块级作用域 而仅仅支持 函数作用域。 function test() { // 一个作用域for(var i 0; i 10; i) { // 不是一个作用域// count}console.log(i); // 10
}注意: 如果不是在赋值语句中而是在 return 表达式或者函数参数中{...} 将会作为代码段解析 而不是作为对象的字面语法解析。如果考虑到 自动分号插入这可能会导致一些不易察觉的错误。 译者注如果 return 对象的左括号和 return 不在一行上就会出错。 // 译者注下面输出 undefined
function add(a, b) {return a b;
}
console.log(add(1, 2));JavaScript 中没有显式的命名空间定义这就意味着所有对象都定义在一个全局共享的命名空间下面。 每次引用一个变量JavaScript 会向上遍历整个作用域直到找到这个变量为止。 如果到达全局作用域但是这个变量仍未找到则会抛出 ReferenceError异常。 隐式的全局变量 // 脚本 A
foo 42;// 脚本 B
var foo 42上面两段脚本效果不同。脚本 A 在全局作用域内定义了变量 foo而脚本 B 在当前作用域内定义变量 foo。 再次强调上面的效果完全不同不使用 var 声明变量将会导致隐式的全局变量产生。 // 全局作用域
var foo 42;
function test() {// 局部作用域foo 21;
}
test();
foo; // 21在函数 test 内不使用 var 关键字声明 foo 变量将会覆盖外部的同名变量。 起初这看起来并不是大问题但是当有成千上万行代码时不使用 var 声明变量将会带来难以跟踪的 BUG。 // 全局作用域
var items [/* 数组 */];
for(var i 0; i 10; i) {subLoop();
}function subLoop() {// subLoop 函数作用域for(i 0; i 10; i) { // 没有使用 var 声明变量// 干活}
}外部循环在第一次调用 subLoop 之后就会终止因为 subLoop 覆盖了全局变量 i。 在第二个 for 循环中使用 var 声明变量可以避免这种错误。 声明变量时绝对不要遗漏 var 关键字除非这就是期望的影响外部作用域的行为。 局部变量 JavaScript 中局部变量只可能通过两种方式声明一个是作为函数参数另一个是通过 var 关键字声明。 // 全局变量
var foo 1;
var bar 2;
var i 2;function test(i) {// 函数 test 内的局部作用域i 5;var foo 3;bar 4;
}
test(10);foo 和 i 是函数 test 内的局部变量而对 bar 的赋值将会覆盖全局作用域内的同名变量。 变量声明提升Hoisting JavaScript 会提升变量声明。这意味着 var 表达式和 function 声明都将会被提升到当前作用域的顶部。 bar();
var bar function() {};
var someValue 42;test();
function test(data) {if (false) {goo 1;} else {var goo 2;}for(var i 0; i 100; i) {var e data[i];}
}上面代码在运行之前将会被转化。JavaScript 将会把 var 表达式和 function声明提升到当前作用域的顶部。 // var 表达式被移动到这里
var bar, someValue; // 缺省值是 undefined// 函数声明也会提升
function test(data) {var goo, i, e; // 没有块级作用域这些变量被移动到函数顶部if (false) {goo 1;} else {goo 2;}for(i 0; i 100; i) {e data[i];}
}bar(); // 出错TypeError因为 bar 依然是 undefined
someValue 42; // 赋值语句不会被提升规则hoisting影响
bar function() {};test();没有块级作用域不仅导致 var 表达式被从循环内移到外部而且使一些 if 表达式更难看懂。 在原来代码中if 表达式看起来修改了全局变量 goo实际上在提升规则被应用后却是在修改局部变量。 如果没有提升规则hoisting的知识下面的代码看起来会抛出异常ReferenceError。 // 检查 SomeImportantThing 是否已经被初始化
if (!SomeImportantThing) {var SomeImportantThing {};
}实际上上面的代码正常运行因为 var 表达式会被提升到全局作用域的顶部。 var SomeImportantThing;// 其它一些代码可能会初始化 SomeImportantThing也可能不会// 检查是否已经被初始化
if (!SomeImportantThing) {SomeImportantThing {};
}译者注在 Nettuts 网站有一篇介绍 hoisting 的文章其中的代码很有启发性。 // 译者注来自 Nettuts 的一段代码生动的阐述了 JavaScript 中变量声明提升规则
var myvar my value; (function() { alert(myvar); // undefined var myvar local value;
})(); 名称解析顺序 JavaScript 中的所有作用域包括全局作用域都有一个特别的名称 this 指向当前对象。 函数作用域内也有默认的变量 arguments其中包含了传递到函数中的参数。 比如当访问函数内的 foo 变量时JavaScript 会按照下面顺序查找 当前作用域内是否有 var foo 的定义。函数形式参数是否有使用 foo 名称的。函数自身是否叫做 foo。回溯到上一级作用域然后从 #1 重新开始。注意: 自定义 arguments 参数将会阻止原生的 arguments 对象的创建。 命名空间 只有一个全局作用域导致的常见错误是命名冲突。在 JavaScript中这可以通过 匿名包装器 轻松解决。 (function() {// 函数创建一个命名空间window.foo function() {// 对外公开的函数创建了闭包};})(); // 立即执行此匿名函数匿名函数被认为是 表达式因此为了可调用性它们首先会被执行。 ( // 小括号内的函数首先被执行
function() {}
) // 并且返回函数对象
() // 调用上面的执行结果也就是函数对象有一些其他的调用函数表达式的方法比如下面的两种方式语法不同但是效果一模一样。 // 另外两种方式
function(){}();
(function(){}());结论 推荐使用匿名包装器译者注也就是自执行的匿名函数来创建命名空间。这样不仅可以防止命名冲突 而且有利于程序的模块化。 另外使用全局变量被认为是不好的习惯。这样的代码容易产生错误并且维护成本较高。 转载于:https://www.cnblogs.com/luckyxb/p/6398534.html
