JavaScript 的 作用域

在看了几本书之后的一些理解和自己的想法。

作用域,变量的作用范围

在ES6之前

变量的声明

  只有var可以声明变量属于某个作用域,并且,也只有全局作用域和函数作用域。  (没有var声明的变量,属于全局作用域,在全局作用域里声明的变量,函数会成为全局的属性)

  所有的变量,不是全局作用域的,就是函数作用域的;

  如果用var 声明变量,并且是在函数中,那么这个变量就属于这个函数,否则,属于全局变量。

变量,函数的提升

在任何一个作用域中,都存在提升;

对于一个声明,JS引擎进行处理和执行。

所谓的处理,引擎首先会进行全局的扫描,遇到变量的声明(var 声明的变量)就会记录,遇到函数声明(function 关键字开头)也会进行记录,直到全局扫描完毕。然后,引擎开始从头执行,对变量进行修改,对函数进行调用。

上边所谓的记录,就是提升行为。(如果学过C语言,就知道,函数,变量都要先定义,在使用,否则会报错,但是,js提升,可以理解为,不管你定义在哪里,都会被提升到使用的前面,也就是可以把使用写在定义前面)

引擎会把声明的变量,函数声明记录到全局的作用域,记录有哪些变量存在,并对变量进行初始化赋值,undefined;为什么是记录到全局,而不是对应作用域,主要是因为,一开始扫描,就是扫描全局作用域,它只扫描一级, 它不会深入扫描,只扫描表面。这个其实很好理解,除了变量的提升,还有函数声明的提升,遇到function 关键字,js引擎只是简单的将其提升到最顶层,在全局作用域中定义的函数,它作用域就相当于二级,js引擎是不会在这个时候去扫描函数作用域的。

对于函数作用域的提升,发生在函数被调用的之后,执行之前,同样会进行表面的扫描,记录附属于这个作用域的变量,函数。

如果在一个作用域中遇到变量和函数名相同,那么,函数的优先级高,这个标识符任然是函数名。

ES6

   对变量的声明多了,var ,  let ,const;

对于var的,没有变化,同ES6之前

  而let声明变量,const声明常量,对于这两个,他们有的是块级作用域,只要是 {   },围成的区域,就是块级作用域。

在块级作用域里,let,const声明的,都是对内可见,对外不可见。并且,都会附着在这个作用域上。并且,let 和const 不存在提升。

  let 和const 不可重复声明同一个标识符。(具体的相关内容参见ES6相关书籍)。

以上的主要是参考你所不知道的JavaScript上,一本很厉害的书。

欢迎各位前辈指正,谢谢。

时间: 2024-10-01 03:46:00

JavaScript 的 作用域的相关文章

深入浅出JavaScript变量作用域

在学习JavaScript的变量作用域之前,我们应当明确几点: JavaScript的变量作用域是基于其特有的作用域链的. JavaScript没有块级作用域.赌王娱乐城 函数中声明的变量在整个函数中都有定义. 1.JavaScript的作用域链 首先看下下面这段代码: <script type="text/javascript"> var rain = 1;     function rainman(){     var man = 2;     function inn

javascript 的作用域

翻译自:http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html 如果以下代码执行,你知道出什么结果吗? var foo = 1; function bar(){ if(!foo){ var foo = 10; } alert(foo); } bar(); 这运行结果是10. 如果你对结果感到惊讶,请看下面例子: var a =1; function b(){ a = 10; return; function a(){}

JavaScript从作用域到闭包

作用域(scope) 全局作用域和局部作用域 通常来讲这块是全局变量与局部变量的区分. 参考引文:JavaScript 开发进阶:理解 JavaScript 作用域和作用域链 全局作用域:最外层函数和在最外层函数外面定义的变量拥有全局作用域. 1)最外层函数和在最外层函数外面定义的变量拥有全局作用域 2)所有末定义直接赋值的变量自动声明为拥有全局作用域,即没有用var声明的变量都是全局变量,而且是顶层对象的属性. 3)所有window对象的属性拥有全局作用域 局部作用域:和全局作用域相反,局部作

JavaScript 函数作用域的“提升”现象

在JavaScript当中,定义变量通过var操作符+变量名.但是不加 var 操作符,直接赋值也是可以的.例如 : message = "hello JavaScript ! " 即定义了一个全局变量message,并赋值 "Hello JavaScript!"--<JavaScript高级程序第三版> 如同往日一般,一群人在所谓的技术交流群里面相互斗图着.突然老王莫名的正经起来,在群里发了一道JavaScript的题目,让大家猜一猜这道题的答案. v

浅谈JavaScript的作用域

前段时间学了下JavaScript作用域,这个东西在JavaScript非常重要,也是JavaScript很基础的东西,正如少林里面基础武功,有了基础,才能学绝世武功. 作用域的作用是啥?一套设计良好的规则来存储变量,并且之后可以方便的找到这些变量. 就JavaScript里面的作用域来说,我总结有这么几个关键词: 1. 词法作用域 2. 函数作用域 3. 块级作用域 4. 闭包 5. 提升 好吧,我脑海里面能想到的就这么多了,不够的,也可以有朋友指出来,接下来,我一个一个过下这些词. 一.词法

JavaScript变量作用域

全部变量拥有全局作用域,局部变量拥有局部作用域(这里注意函数的参数也是局部变量) 1.在函数体内,局部变量的优先级高于同名的全局变量. 我的理解就是当你同时定义了同名的局部变量和全局变量时,函数体内返回的将是局部变量的值. 例如: var scope="我是全局变量"; function checkscope(){ var scope="我是局部变量"; console.log(scope); } checkscope(); 输出:我是局部变量 这里需要注意的是,在

JavaScript的作用域

JavaScript的作用域主要是指函数的作用域,在进行结果判断的时候十分重要,如果不清楚作用域,便很有可能导致拿不到预期的结果,也就无法顺利的进行程序的编写,在经历了一系列的学习和了解之后,对相关知识进行一个汇总,认识比较浅显,希望可以帮助到有需要的人. 首先引入一个概念:词法分析 JavaScript在创建的时候会对function进行词法分析,函数会在创建时形成一个活动对象,ActiveObject,简称AO,先举一个实际的例子进行分析: function t1(age) { consol

JavaScript中作用域链和闭包

一.匿名函数 1.1 匿名函数的概念 ? 声明一个没有函数名的函数,就是匿名函数. ? 有函数名的函数就是具名函数. 看下面的代码: <script type="text/javascript"> /* //这里定义了一个函数,而且没有函数名.这样写语法是错误的,如果允许这样定义,那么根本就没有办法调用. //所以,我们可以用一个变量来存储一下 function(){ } */ // 声明了一个匿名函数,并把匿名函数赋值给变量f. 注意这个时候这个匿名函数并没有执行. va

第一百零六节,JavaScript变量作用域及内存

JavaScript变量作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变. 一.变量及作用域 1.基本类型和引用类型的值 ECMAScript变量可能包含两种不同的数据类型的值:基本类型值和引用类型值.基本类型值指的是那些保存在栈

JavaScript的作用域和提升机制

你知道下面的JavaScript代码执行时会输出什么吗? var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); 答案是"10",吃惊吗?那么下面的可能会真的让你大吃一惊: var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a); 这里浏览器会弹出"1".怎么回事?这似乎看起