千家信息网

es6作用域的示例分析

发表于:2024-11-27 作者:千家信息网编辑
千家信息网最后更新 2024年11月27日,这篇文章主要介绍es6作用域的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!作用域?几乎所有的编程语言的最基础模型之一就是在变量中储存值,并且取出修改这些的值的能力,事
千家信息网最后更新 2024年11月27日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变量

  }

  

  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作用域的示例分析"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

0