深入理解js|青训营笔记

js的发展

1. Mocha.>1995.9LiveScript > 1995.12 JavaScript
2. 1997年6月，第一版ECMAScript发布
3. 1999年12月，第三版ECMAScript发布
4. 2009年12月，第五版ECMAScript发布
5. 2009 年，Ryan 创建了 Node.js
6. 2010年，Isaac基于node.js写出了npm
7. 2015年6月，第六版ECMAScript发布

js的基本概念

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

• 语言组成

1. ECMAScript，描述了该语言的语法和基本对象。
2. 文档对象模型（DOM），描述处理网页内容的方法和接口。
3. 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

• 运行模式

1. 是一种解释性脚本语言（代码不进行预编译）。
2. 主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
3. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
4. 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
5. JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。
6. JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

js的变量提升

1. var有变量提升
2. let、const没有变量提升，提前访问会报错
3. function函数可以先调用再定义
4. 赋值给变量的函数无法提前调用

js是怎么执行的

当JS 引擎解析到可执行代码片段(通常是函数调用)的时候，就会先做一些执行前的准备工作，这个准备工作，就叫做“执行上下文 ( execution context 简称也叫执行环境。

• 全局执行上下文:代码开始执行时就会创建，将他压执行栈的栈底，每个生命周期内只有一份。
• 函数执行上下文: 当执行一个函数时，这个函数内的代码会被编译，生成变量环境、词法环境等，当函数执行结束的时候该执行环境从栈顶弹出。
• 词法环境: 基于 ECMAScript 代码的词法嵌套结构来定义标识符和具体变量和函数的关联。一个词法环境由环境记录器和一个可能的引用外部词法环境的空值组成。
• 变量环境: 变量环境和词法环境的一个不同就是前者被用来存储函数声明和变量 let 和 const)绑定而后者只用来存储 var 变量绑定。
• Outer: 指向外部变量环境的一个指针。