关于let 和 var 的作用域问题】的更多相关文章

在ES6标准之前,var 作为唯一的声明变量关键字,本篇将着重介绍var的作用域和变量提升. 1. var Hoisting(变量提升) va rHoisting:使用var在函数或全局内任何地方声明变量相当于在其内部最顶上声明它,这种行为称为Hoisting(提升). 比较注意一点是此提升只是把声明提升上来,而赋值操作还是在原先的位置. 下面以简单的例子来说明: 示例: function foo() { console.log(x); // => undefined var x = 1; co…
var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10 变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i.每一次循环, 变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i), 里面的i指向的就是全局的i.也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是 10.…
直接来一个经典案例: // 1. 下面的结果是什么? 为什么? for (var i=0;i<5;i++){ setTimeout(function () { console.log(i) },1000) } setTimeout是异步执行的,1000毫秒后向任务队列里添加一个任务,只有主线上的全部执行完才会执行任务队列里的任务, 所以当主线程for循环执行完之后 i 的值为5, 这个时候再去任务队列中执行任务,i全部为5: 每次for循环的时候setTimeout都会执行,但是里面的funct…
块级绑定 js的处理机制和我们大家想象的完全不同,并不完全是所谓函数调用以及上下执行那样简单,它是存有”域”的本质区别的. var具有全局污染特性,所以es6才会出现let .const. 下面通过一些实例来给大家解释一下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"…
let 声明了一个块级域的局部变量,并且可以给它一个初始化值. 语法EDIT let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]]; 参数 var1, var2, -, varN 变量名.变量名可以定义为任何合法标识符. value1, value2, -, valueN 变量的初始化值.该值可以为任何合法表达式. 描述EDIT let 允许把变量的作用域限制在块级域中.与 var 不同处是:var 申明变量要么是全局的…
很多语言中都有块级作用域,但JS没有,它使用var声明变量,以function来划分作用域,大括号“{}” 却限定不了var的作用域.用var声明的变量具有变量提升(declaration hoisting)的效果. ES6里增加了一个let,可以在{}, if, for里声明.用法同var,但作用域限定在块级,let声明的变量不存在变量提升. 示例1: 块级作用域 if function getVal(boo) { if (boo) { var val = 'red' // ... retur…
没看之前千万别说我是标题党,这个问题真的有好多淫都不懂!!! 大家都看了很多文章,都说避免隐式声明全局变量,就是说声明变量前必须加'var',那加了'var'和不加'var'到底有啥区别呢? 先来看一段代码 var a = 'aa'; alert(a); //弹出 'aa' alert(window.a)//弹出'aa' 明白了吧,你声明一个全局变量其实是给'window'对象增加了一个属性,下面一段代码有相同效果 a = 'aa'; alert(a); //弹出 'aa' alert(wind…
Javascript是遵循ECMAScript标准下的一个产物,自然ECMAScript的标准其要遵循. 先来看下var关键字的定义和用法 var 语句用于声明变量. JavaScript 变量的创建也叫作"声明"一变量: 复制代码代码如下: var carName; 变量声明后,变量为空 (没有值). 为变量复制,操作如下: 复制代码代码如下: carName = "Volvo"; 声明变量时,你同样可以为变量赋值: 复制代码代码如下: var carName =…
var声明变量的作用域限制在其声明位置的上下文中 var x = 0; // x是全局变量,并且赋值为0. console.log(typeof z); // undefined,因为z还不存在. function a() { // 当a被调用时, var y = 2; // y被声明成函数a作用域的变量,然后赋值成2. console.log(x, y); // 0 2 function b() { // 当b被调用时, x = 3; // 全局变量x被赋值为3,不生成全局变量. y = 4;…
let是es6中新增命令,也是用来声明变量的,可能很多小伙伴都像我一样,定义变量的时候都会用var而很少用到let,那么,let和var到底有什么区别呢? let和var的区别体现在作用域上.var的作用域被规定为一个函数作用域,而let则被规定为块作用域,块作用域要比函数作用域小一些,但是如果两者既没在函数中,也没在块作用域中定义,那么两者都属于全局作用域. 全局作用域 var 和 let 声明的变量在全局作用域中被定义时,两者非常相似 let bar = 'hehe'; var baz =…