网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

ECMAScript6中的作用域

作用域?

成都创新互联公司专注于网站建设|成都网站维护|优化|托管以及网络推广,积累了大量的网站设计与制作经验,为许多企业提供了网站定制设计服务,案例作品覆盖成都被动防护网等行业。能根据企业所处的行业与销售的产品,结合品牌形象的塑造,量身制作品质网站。

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

作用域主要有哪几种?

作用域主要分为全局作用域、函数作用域、动态作用域、块级作用域;
对象类型
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 变量
}

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作用域的详细内容,更多请关注创新互联其它相关文章!


当前题目:ECMAScript6中的作用域
新闻来源:http://bjjierui.cn/article/pdihjp.html

其他资讯