var定义的变量是全局变量或者函数变量。
let定义的变量是块级的变量。
例如:
while(1){
let let1 = 2
var var1 = 2
}
alert(let1) //不可访问
alert(var1) //可以访问
也就是说,let只对它所在的最内侧块内有效,而var的范围至少是一个函数之内。
ECMAScript 6 新增 const 和 let 命令,用来声明变量。那么const,let和var 在声名变量的时候有什么区别呢?
先附上一张图
变量提升: const 和 let 必须先声明再使用,不支持变量提升
console.log(c1, l1, v1)
// 报错
// Uncaught ReferenceError: c1 is not defined
const c1 = 'c1'
let l1 = 'l1'
var v1 = 'v1'
作用域: const,let 支持块级作用域,有效避免变量覆盖,块级作用域,在外层不能直接访问内层变量
const c21 = 'c21'
let l21 = 'l21'
var v21 = 'v21'
if (0.1 + 0.2 != 0.3) {
const c21 = 'c22'
let l21 = 'l22'
var v21 = 'v22'
Const a=1
Let b=2
Var c=3
console.log(c21, l21, v21)
// 输出 c22 l22 v22
}
console.log(c21, l21, v21)
// 输出 c21 l21 v22
console.log(a)//报错Uncaught ReferenceError: a is not defined
console.log(b)同上
console.log(c)
初始值: const 声明的变量必须设置初始值,且不能重复赋值(同一作用域)。
const c3 = 'c3'
let l3 = 'l3'
var v3 = 'v3'
console.log(c3, l3, v3)
// 输出 c3 l3 v3
c3 = 2// Uncaught TypeError: Assignment to constant variable
l3 = 2
v3 = 2
console.log(c3, l3, v3)
// 输出 c3 2 2
const c32
// 报错
// Uncaught SyntaxError: Missing initializer in const declaration
const 定义常量,该常量不能赋值,但该常量的属性可以赋值
const c231 = {}
const c232 = []
c231.name = 'seven'
c232.push(27)
console.log(c231, c232)
// 输出 {name: "seven"} [27]
// 禁止给对象赋值,应该使用 Object.freeze
const c233 = Object.freeze({})
const c234 = Object.freeze([])
c233.name = 'seven'
// 普通模式下不报错
// 严格模式下报错
// Uncaught TypeError: Cannot add property name, object is not extensible
c234.push(27)
// 普通模式下就会报错
// Uncaught TypeError: Cannot add property 0, object is not extensible
console.log(c233, c234)
// 输出 {} []
注意:全局变量不代表设置为顶层对象(window)的属性
符合预期的for 循环
for (var i = 0i != 3i++) {
setTimeout(function() {
console.log(i)
},10)
}
// 依次打印
for (let i = 0i != 3i++) {
setTimeout(function() {
console.log(i)
},10)
}
可以看到在for循环中使用 let 方式声明变量才是符合预期。
在for中每一次循环,let 都是重新声明变量,并且因为 JavaScript 引擎会记住上一次循环的值,初始化 i 时在上一轮的基础上计算。
参考路径
https://www.jb51.net/article/116491.htm
JS的 for 循环主要包含如下几种: for(let i = 0i <leni++) , for-in , for-of , for-each 。
至于第一种 for 循环,地球人都会,按下不表。难点在于 for-in , for-of , for-each 直接有什么区别,看起来都差不多的样子。
一句话概述 for-in 与 for-of : for-in 遍历得到的是 key 值,适用于对象的遍历, for-of 得到的是 value 值,适合数组的遍历。只要有 iterator 接口的数据结构,都可以使用 for-of 循环,包括: Array, Map, Set, String, arguments对象, Nodelist对象
获得的是属性值
获得的是对象的索引值
遍历的时候不要用这个!
当给数组的原型添加属性时,for in 会遍历到原型链上的属性
这时候只要判断是不是本身所有的属性就行了
传入匿名的回调函数,匿名函数的参数为:当前项item,索引index(可省),当前数组array(可省)
for-of这个方法避开了for-in循环的所有缺陷
与forEach()不同的是,它可以正确响应break、continue和return语句
map遍历与foreach类似,支持使用return语句,支持return返回值
参考链接 link