es6作用域的示例分析

这篇文章主要介绍es6作用域的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　作用域？

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

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

　　作用域主要有哪几种？

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

　　对象 类型

　　window 全局作用域

　　fn 函数作用域

　　{} 块级作用域

　　this 动态作用域

　　作用域查找规则？

　　1、执行环境有全局作用域和函数作用域之分；

　　2、每次进入一个新的执行环境，都会创建一个用于搜索变量和函数的作用域链；

　　3、函数的局部环境不仅可以访问函数作用域内的变量，还可以访问包含起父级环境乃至全局环境；

　　4、全局环境只能访问全局声明的变量和函数，而不能直接访问局部环境重的任何数据。

　　全局作用域

　　变量在函数外定义，即为全局变量。

　　全局变量有全局作用域:网页中所有脚本和函数均可使用。

　　如果变量在函数内没有声明（没有使用var关键字），该变量为全局变量。

　　//以下实例中carName在函数内，但是为全局变量。

　　//此处可调用carName变量

　　functionmyFunction(){

　　carName="Volvo";

　　//此处可调用carName变量

　　}

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

　　函数作用域

　　函数内部声明的变量，称为函数作用域。函数内部的变量外部无法

　　直接访问，可以通过retun或者闭包的方式去访问。

　　//此处不能调用carName变量

　　functionmyFunction(){

　　letcarName="Volvo";

　　//函数内可调用carName变量

　　}

　　<!--rerurn-->

　　functionmyFunction(){

　　letcarName="Volvo";

　　rerurncarName;

　　//函数内可调用carName变量

　　}

　　letfn=myFunction()//Volvo;

　　<!--闭包-->

　　functionmyFunction(){

　　letcarName="Volvo";

　　functiongetName(){

　　console.log(carName)

　　}

　　returngetName();

　　//函数内可调用carName变量

　　}

　　myFunction()//Volvo

　　块级作用域

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

　　关于暂时性死区

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

　　let特性

　　*let不存在变量提升

　　*let不允许重复声明

　　*拥有块级作用域

　　*不可以使用window去调用

　　const特性

　　*定义常量

　　*不允许修改常量的值

　　*不允许先声明后赋值

　　*同上

　　if(1){

　　leta=1

　　console.log(a)

　　}

　　动态作用域

　　动态作用域不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用。和this的机制就很像;

　　其实这里就有延伸出js的词法作用域（静态作用域），而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的

　　letname='youzi';

　　functiongetName(){

　　letname="tuzi";

　　functiongetAge(){

　　console.log(name)

　　}

　　returngetAge();

　　}

　　getName()//tuzi

　　词法作用域

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

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

　　letname='youzi';

　　functiongetName(){

　　console.log(name)

　　}

　　functiongetAge(){

　　letname='tuzi';

　　getName()

　　}

　　getAge()//youzi

以上是“es6作用域的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！