深入学习es6作用域

作用域？

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

【相关课程推荐：JavaScript视频教程】

作用域主要有哪几种？

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

作用域查找规则？

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

全局作用域

变量在函数外定义，即为全局变量。全局变量有全局作用域: 网页中所有脚本和函数均可使用。 如果变量在函数内没有声明（没有使用var关键字），该变量为全局变量。

// 以下实例中 carName 在函数内，但是为全局变量。 // 此处可调用 carName 变量   function myFunction() {     carName = "Volvo";     // 此处可调用 carName 变量 }

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

函数作用域

// 此处不能调用 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 特性 *  let不存在变量提升 *  let不允许重复声明 *  拥有块级作用域 *  不可以使用window去调用 const 特性 *  定义常量 *  不允许修改常量的值 *  不允许先声明后赋值 *  同上 if(1){   let a = 1   console.log(a) }

动态作用域

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

本文来自 js教程 栏目，欢迎学习！

以上就是深入学习es6作用域的详细内容，更多内容请关注技术你好其它相关文章！