js作用域链以及全局变量和局部变量
Posted Key
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js作用域链以及全局变量和局部变量相关的知识，希望对你有一定的参考价值。
> [带var]
> 在当前作用于中声明了一个变量，如果当前是全局作用域，也相当于给全局作用域设置了一个属性叫做a
```javascript
//=>变量提升：var a; <=>window.a=undefined;
console.log(a);//undefined
var a = 12;
console.log(a);//12
console.log(window.a);//window[‘a‘]在‘全局作用域’中，我们声明了一个变量，相当于全局对象window增加了一个属性名
```
> [不带var]
> 在全局作用域中，如果不带var,仅仅是给全局对象设置了一个新的属性名(把window.省略了)
```javascript
// console.log(a);//=>Uncaught ReferenceError: a is not defined
a = 12;//<=>window.a=12
console.log(a);//=>12
console.log(window.a);//=>12
```
window.setInterval();//window.可以省略
window.document.getElementById();//window.可以省略
> 项目中，如果你的目的是创建变量，最好不要省略var,这样会严谨一些
### 作用域链
> 函数执行形成一个私有的作用域(保护私有变量)，进入到私有作用域中，首先变量提升（声明过的变量是私有的），接下来代码执行
> 1、执行的时候遇到一个变量，如果这个变量是私有的，那么按照私有变量处理即可；
```javascript
function fn() {
//=>私有作用域
//变量提升：var a;(私有变量)
console.log(a);//->undefined
var a = 12;
console.log(a);//->12
}
fn();
console.log(a);//->Uncaught ReferenceError: a is not defined 闭包机制：私有作用域保护里面的私有变量不收外界的干扰不收外界的干扰
```
> 2、如果当前这个变量不是私有的，我们需要向它的上级作用域进行查找，上级如果也没有，则继续向上查找，一直找到window全局作用域为止，我们把这种查找机制叫做**`作用域链`**
> 1)如果上级作用域有，我们当前操作的都是上级作用域中的变量（假如我们在当前作用域把值改了，相当于把上级作用域中的这个值给修改了）
> 2)如果上级作用域中没有这个变量（找到window也没有）；
> 变量 = 值：相当于给window设置了一个属性，以后再操作window下就有了
例子：
//=>变量提升：var x;var y; fn=>aaafff111
console.log(x, y);
var x = 10,
y = 20;
function fn() {
//=>[私有作用域]
//=>变量提升：var x;(x是私有变量)
console.log(x, y);//=>undefined 20
var x = y = 100;//=>x=100（私有）y=>100（全局）
console.log(x, y);//=>100 100
}
fn();
console.log(x, y);//=>10 100
结果：
undefined undefined
undefined 20
100 100
10 100
注意事项：
// var x = 10,y=10;等同于 var x = 10;var y =10;
// var x = y = 100;
// var x = 100;(私有)
// y = 100;//->此处的y是不带var的(全局)
```javascript
function fn(){
a = 12;
console.log(a);//->12
}
fn();
console.log(a);//->12
```
以上是关于js作用域链以及全局变量和局部变量的主要内容，如果未能解决你的问题，请参考以下文章