重读你不知道的JS (上) 第一节四章

chanjarster 发布于2019-08-23 15:06 / 1747人阅读

摘要：如果提升改变了代码执行的顺序，会造成非常严重的破坏。声明本身会被提升，而包括函数表达式的赋值在内的赋值操作并不会提升。要注意避免重复声明，特别是当普通的声明和函数声明混合在一起的时候，否则会引起很多危险的问题

你不知道的JS(上卷)笔记

你不知道的 JavaScript

JavaScript 既是一门充满吸引力、简单易用的语言，又是一门具有许多复杂微妙技术的语言，即使是经验丰富的 JavaScript 开发者，如果没有认真学习的话也无法真正理解它们.

上卷包括俩节：

作用域和闭包

this 和对象原型

作用域和闭包

希望 Kyle 对 JavaScript 工作原理每一个细节的批判性思考会渗透到你的思考过程和日常工作中。知其然，也要知其所以然。

提升

作用域同其中的变量声明出现的位置有某种微妙的联系

案例1

a = 2;
var a;
console.log( a ); // 在不了解声明提升的情况下，你可能得出结果是undefined?  实际是2

案例2

console.log( a ); // 你可能由于案例1的影响，得出2，或者未声明便使用，ReferenceError异常，实际上输出 undefined
var a = 2;

看看编译器怎么说：

正确的思考思路是，包括变量和函数在内的所有声明都会在任何代码被执行前首先被处理。

编译 -> 解释js代码 -> 执行

只有声明本身会被提升，而赋值或其他运行逻辑会留在原地。如果提升改变了代码执行的顺序，会造成非常严重的破坏。

函数声明会被提升，但是函数表达式却不会被提升。

foo(); // 不是 ReferenceError, 而是 TypeError!
var foo = function bar() { // ...
};

foo()调用执行时，foo 此时并没有赋值(如果它是一个函数声明而不是函数表达式，那么就会赋值)。foo() 由于对 undefined 值进行函数调用而导致非法操作，因此抛出 TypeError 异常。

函数优先

函数声明和变量声明都会被提升，但是函数会首先被提升，然后才是变量。

一个普通块内部的函数声明通常会被提升到所在作用域的顶部，这个过程不会像下面的代码暗示的那样可以被条件判断所控制:

foo(); // "b"
var a = true; 
if (a) {
  function foo() { console.log("a"); }
}
else {
  function foo() { console.log("b"); }
}

小结

我们习惯将var a = 2;看作一个声明，而实际上JavaScript引擎并不这么认为。它将var a
和 a = 2 当作两个多带带的声明，第一个是编译阶段的任务，而第二个则是执行阶段的任务。
这意味着无论作用域中的声明出现在什么地方，都将在代码本身被执行前首先进行处理。可以将这个过程形象地想象成所有的声明(变量和函数)都会被“移动”到各自作用域的最顶端，这个过程被称为提升。

声明本身会被提升，而包括函数表达式的赋值在内的赋值操作并不会提升。要注意避免重复声明，特别是当普通的 var 声明和函数声明混合在一起的时候，否则会引起很多危险的问题!

专线服务服务器托管你不知道的你不知道的javascript 你不知道的javascript上卷你不知道

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101517.html

重读你不知道的JS (上) 第一节五章

摘要：词法作用域的查找规则是闭包的一部分。因此的确同闭包息息相关，即使本身并不会真的使用闭包。而上面的创建一个闭包，本质上这是将一个块转换成一个可以被关闭的作用域。结合块级作用域与闭包模块这个模式在中被称为模块。你不知道的JS(上卷)笔记你不知道的 JavaScript JavaScript 既是一门充满吸引力、简单易用的语言，又是一门具有许多复杂微妙技术的语言，即使是经验丰富的 Jav...

worldligang 2019-08-23 15:07 评论0 收藏0
重读你不知道的JS (上) 第一节三章

摘要：如果是声明中的第一个词，那么就是一个函数声明，否则就是一个函数表达式。给函数表达式指定一个函数名可以有效的解决以上问题。始终给函数表达式命名是一个最佳实践。也有开发者干脆关闭了静态检查工具对重复变量名的检查。你不知道的JS(上卷)笔记你不知道的 JavaScript JavaScript 既是一门充满吸引力、简单易用的语言，又是一门具有许多复杂微妙技术的语言，即使是经验丰富的 Ja...

lavor 2019-08-23 15:04 评论0 收藏0
重读你不知道的JS (上) 第一节二章

摘要：词法作用域定义在词法阶段的作用域由你在写代码时将变量和块作用域写在哪来决定的，因此当词法分析器处理代码时会保持作用域不变。欺骗词法作用域在词法分析器处理过后依然可以修改作用域。你不知道的JS(上卷)笔记你不知道的 JavaScript JavaScript 既是一门充满吸引力、简单易用的语言，又是一门具有许多复杂微妙技术的语言，即使是经验丰富的 JavaScript 开发者，如果没...

baihe 2019-08-26 13:31 评论0 收藏0
重读你不知道的JS (上) 第一节一章

摘要：的抽象语法树中可能会有一个叫作的顶级节点，接下来是一个叫作它的值是的子节点，以及一个叫作的子节点。值得注意的是，是非常重要的异常类型。严格模式下，未声明的和俩者行为相同，都会是。你不知道的JS(上卷)笔记你不知道的 JavaScript JavaScript 既是一门充满吸引力、简单易用的语言，又是一门具有许多复杂微妙技术的语言，即使是经验丰富的 JavaScript 开发者，如果...

lk20150415 2019-08-26 13:31 评论0 收藏0
Python：Tornado 第四章：Tornado网站部署：第一节：调试模式

摘要：上一篇文章第三章概念及应用第三节客户端编程下一篇文章第四章网站部署第二节静态文件之前着重讲解的编程知识点，所有之前的例子都使用最简单的启动方式运行。上一篇文章：Python：Tornado 第三章：HTML5 WebSocket概念及应用：第三节：客户端编程下一篇文章：Python：Tornado 第四章：Tornado网站部署：第二节：静态文件之前着重讲解Tornado的编程知...

desdik 2019-07-31 11:13 评论0 收藏0