JS 预解析机制 (变量提升 Hoisting)
变量提升(Hoisting)被认为是, Javascript中执行上下文 (特别是创建和执行阶段)工作方式的一种认识
扩展:从概念的字面意义上说,“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。实际上变量
和函数声明在代码里的位置是不会动的,而是在编译阶段被放入内存中
var 的提升:
js 在执行一个function 或者 script 标签之前,会先进行一个预解析的过程,在预解析时,会先把 var 声明的变量,给提升到 script
或者 function的最前边(所在作用域),注意 var 是 只提升 声明
function 的提升
js 在执行一个function 或者 script 标签之前,会先进行预解析,在预解析时,会把 function 声明的函数体,整体提升到在执行一个
function 或者 script 标签的前边去,跟在 var 的后边
作用域:一条数据(参数、function、变量)可以使用(调用或修改)的范围
全局作用域: 在全局任意地方都可以使用和修改 (全局变量、全局函数)
全局变量:
1. 声明在任意函数之外(ES6 中也要声明在任意块之外),那么该条数据在全局任意地方都可以使用和修改(全局变量,在浏览器中
运行时,都会挂载在 window 属性下)
2. 全局对象的属性,(window 作为 JS 在浏览器中运行的全局对象,如果调用 window 的属性 默认 window 可以省略 )
3. 定义变量时,如果不加 var,会被当做 window 的属性处理,也就是变成了全局变量
局部作用域: 只能在某个范围内使用 和 修改
1. function (函数)作用域
2. 块级作用域 (ES6 新增)
如何区分一条数据的作用域:如何知道一条数据的作用范围,观察这条数据声明在哪
作用域链 (scope chain)
变量(数据)查找规则
1.当我们调用一条数据时,会现在本作用域查找,如果找不到就向上从父作用域中查找,如果找不到就继续向上,一直查找到全局
作用域,如果全局作用域也没有就报错。
2.一定注意,只能里边访问外边,外边不能访问里边(没钱只能找老爸借,找儿子拿在中国是会被骂的)
https://developer.mozilla.org/en-US/docs/Glossary/Scope
打断点
console.dir 展开对象的所有属性
[[Scopes]]
dir
<script>
function fn(){
}
fn.type = "hehe";
fn.age = 10;
console.dir(fn); //把对象所有的属性都展开了
</script>