作用域是JS中一个很基础但是很重要的概念,面试中也经常出现,本文会详细深入的讲解这个概念及其他相关的概念,包括声明提升,块级作用域,作用域链及作用域链延长等问题. 什么是作用域 第一个问题就是我们要弄清楚什么是作用域,这不是JS独有的概念,而是编程领域中通用的一个概念.我们以下面这个语句为例: let x = 1; 这一个简单的语句其实包含了几个基本的概念: 变量(variable):这里x就是一个变量,是用来指代一个值的符号. 值(value):就是具体的数据,可以是数字,字符串,对象等.这里…

先看下面一段代码: 代码执行的结果是: 1st alert : a = 0 2nd alert : a = undefined 5th alert : a = 0 3rd alert : a = 3 4th alert : a = 2 疑问1:对于 2nd alert 而言,为什么 a 的值是 undefined ? 首先来看 JS 的执行环境和作用域. 执行环境(executing context)定义了变量或函数有权访问的其他数据.在 JS 中,有两种执行环境,一种是全局环境,也就是 Web…

你知道下面的JavaScript代码执行时会输出什么吗? var foo = 1; function bar() { if (!foo) { var foo = 10; } console.log(foo); } bar(); 答案是“10”,吃惊吗?那么下面的可能会真的让你大吃一惊: var a = 1; function b() { a = 10; return; function a() {} } b(); console.log(a); 答案是 “1”.为什么会这样呢,这就涉及到 JS…

作用域 作用域可以理解为JS引擎执行代码的时候,查找变量的规则. 从确定变量访问范围的阶段的角度,可以分为2类,词法作用域和动态作用域.js是词法作用域. 从变量查找的范围的角度,可以分为3类,全局作用域.函数作用域和块级作用域. 词法作用域 词法作用域是在词法分析阶段就确定的作用域,变量的访问访问仅由声明时候的区域决定. 动态作用域则是在调用的而时候决定,它是基于调用栈的. var a = 2; function foo() { console.log( a ); } function bar…

Function declarations and variable declarations are always moved (“hoisted”) invisibly to the top of their containing scope by the JavaScript interpreter. example1 : var foo = 1; function bar() { if (!foo) { var foo = 10; } console.log(foo); } bar();…

虽然看了多次js函数作用域及变量提升的理论知识,但小编也是一知半解~ 这几天做了几道js小题,对这部分进行了从新的理解,还是有所收获的~ 主要参考书籍: <你不知道的JavaScript(上卷)>第一部分 <JavaScript高级程序设计>第四章 4.2 执行环境与作用域 理解要点: 1. js其实是一门编译语言,代码的执行分为两个阶段:(<你不知道的JavaScript(上卷)>) a.编译阶段 b.执行阶段 2. 作用域嵌套: 在当前作用域中无法找到某个变量时,引…

虽然看了多次js函数作用域及变量提升的理论知识,但也是一知半解~ 这几天做了几道js小题,对这部分进行了从新的理解,还是有所收获的~ 主要参考书籍: <你不知道的JavaScript(上卷)>第一部分 <JavaScript高级程序设计>第四章 4.2 执行环境与作用域 理解要点: 1. js其实是一门编译语言,代码的执行分为两个阶段:(<你不知道的JavaScript(上卷)>) a.编译阶段 b.执行阶段 2. 作用域嵌套: 在当前作用域中无法找到某个变量时,引擎就…

在javascript中, 理解变量的作用域以及变量提升是非常有必要的.这个看起来是否很简单,但其实并不是你想的那样,还要一些重要的细节你需要理解. 变量作用域 “一个变量的作用域表示这个变量存在的上下文.它指定了你可以访问哪些变量以及你是否有权限访问某个变量.” 变量作用域分为局部作用域和全局作用域. 局部变量(处于函数级别的作用域) 不像其他对面对象的编程语言(比方说C++,Java等等),javascript没有块级作用域(被花括号包围的):当是,javascript有拥有函数级别的作用域…

在javascript中, 理解变量的作用域以及变量提升是非常有必要的.这个看起来是否很简单,但其实并不是你想的那样,还要一些重要的细节你需要理解变量作用域 “一个变量的作用域表示这个变量存在的上下文.它指定了你可以访问哪些变量以及你是否有权限访问某个变量.” 变量作用域分为局部作用域和全局作用域. 局部变量(处于函数级别的作用域) 不像其他对面对象的编程语言(比方说C++,Java等等),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. 吓你一跳吧?发生了什么事情?这可能是陌生的,危险的,迷惑的,同样事实上也是非常有用和印象深刻的javascript语言特性.…