es6作用域的知识点有哪些

发布时间:2022-03-25 11:02:12 作者:iii
来源:亿速云 阅读:119

这篇“es6作用域的知识点有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6作用域的知识点有哪些”文章吧。

作用域?

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

作用域主要有哪几种?

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

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

作用域查找规则?

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

全局作用域

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

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

在函数内部或代码块中没有定义的变量上是作为 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 特性*  let不存在变量提升*  let不允许重复声明*  拥有块级作用域*  不可以使用window去调用const 特性*  定义常量*  不允许修改常量的值*  不允许先声明后赋值*  同上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

以上就是关于“es6作用域的知识点有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

推荐阅读:
  1. ES6中块级作用域的案例分析
  2. es6函数中的作用域的用法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

es6

上一篇:php如何保存被上传的文件

下一篇:PHP怎样读取文件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》