es6之作用域

最近重新学习了es6的知识。根据视频和一些资料做出自己理解中的一些笔记，希望能帮到大家。

• 作用域？

    几乎所有的编程语言的最基础模型之一就是在变量中储存值，并且取出修改这些的值的能力，事实上，在变量中存储值和取出值的能力，给程序赋予了状态。如果没有这样的概念，一个程序虽然可以执行一些任务，但是它们将会受到极大的限制而且不会非常有趣。但是这些变量该存储在哪，又给如何读取？为了完成这个目标，需要制定一些规则，这个规则就是：作用域;

• 作用域主要有哪几种？

     作用域主要分为全局作用域、函数作用域、动态作用域、块级作用域；
  

对象	类型
window	全局作用域
fn	函数作用域
{}	块级作用域
this	动态作用域

 

• 作用域查找规则？

1. 执行环境有全局作用域和函数作用域之分；
2. 每次进入一个新的执行环境，都会创建一个用于搜索变量和函数的作用域链；
3. 函数的局部环境不仅可以访问函数作用域内的变量，还可以访问包含起父级环境乃至全局环境；
4. 全局环境只能访问全局声明的变量和函数，而不能直接访问局部环境重的任何数据。

•  全局作用域

1. 变量在函数外定义，即为全局变量。
2. 全局变量有全局作用域: 网页中所有脚本和函数均可使用；

 

var carName = " Volvo";
// 此处可调用 carName 变量
function myFunction() {
    // 函数内可调用 carName 变量
}

 tips:

    如果变量在函数内没有声明（没有使用var关键字），该变量为全局变量。以下实例中 carName 在函数内，但是为全局变量。

// 此处可调用 carName 变量
 
function myFunction() {
    carName = "Volvo";
    // 此处可调用 carName 变量
}

tips:

      在函数内部或代码块中没有定义的变量上是作为 window/global 的属性存在，没有使用 var 定义的变量可以被 delete 的，而全局变量不可以。

•  函数作用域

     函数内部声明的变量，称为函数作用域。函数内部的变量外部无法直接访问，可以通过retun 或者闭包的方式去访问。
     

// 此处不能调用 carName 变量
function myFunction() {
    let carName = "Volvo";
    // 函数内可调用 carName 变量
}
<!--rerurn-->
function myFunction() {
    let carName = "Volvo";
    rerurn carName;
    // 函数内可调用 carName 变量
}
let fn=myFunction()//Volvo;

<!--闭包-->
function myFunction() {
    let carName = "Volvo";
    function getName(){
        console.log(carName)
    }
    return getName();
    // 函数内可调用 carName 变量
}
myFunction() //Volvo

• 块级作用域  

         es6出现后，用let命令新增了块级作用域，外层作用域无法获取到内层作用域，非常安全明了。即使外层和内层都使用相同变量 名，也都互不干扰。

关于暂时性死区
 

在使用let命令声明变量之前，该变量都是不可用的。如果去调用这种情况被称为暂时性死区。

let 特性

1.  let不存在变量提升
2.  let不允许重复声明
3. 拥有块级作用域
4. 不可以使用window去调用       

const 特性 

1.  定义常量
2. 不允许修改常量的值
3. 不允许先声明后赋值
4. 同上

if(1){
  let a = 1
  console.log(a)
}

• 动态作用域

      动态作用域不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用。和this的机制就很像;
其实这里就有延伸出js的词法作用域（静态作用域），而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的

let name='youzi';
function getName(){
    let name="tuzi";
    function getAge(){
        console.log(name)
    }
    return getAge();
}
getName() //tuzi

 

• 词法作用域

     JavaScript采用的是词法作用域，函数的作用域在函数定义的时候就决定了。
     

<!--  这段代码执行就是按照词法作用域去执行的。在函数定义时已经被决定了 -->
let name='youzi';

function getName(){
   console.log(name)
}
function getAge(){
    let name='tuzi';
    getName()
}
getAge() //youzi

推荐阅读[JavaScript深入之词法作用域和动态作用域]