一、var声明的问题
// var声明的问题 // 1.存在变量声明 // 2.挂载到window上 // 3.可以声明多次 // 4.只有全局作用域和函数作用于 console.log(a) //undefined 变量提升问题 var a = 10二、let声明的问题
// let声明的问题 // 1. 不存在变量声明 而存在暂时性死区 // 2.不可以声明多次 // 3.除了全局作用域和函数作用域，还有{}(代码段的域) // 4.没有挂在到window上 // console.log(b) //报错 暂时性死区 b is not defined // let b = 10 // 不可以声明多次 // let c = 10 // let c = 20 // console.log(c) //报错 不可以声明多次 console.log(window.b) //报错 暂时性死区 let b = 10 // // 不可以声明多次 // let c = 10 // var c=10 // let c = 20 // console.log(c) //报错 不可以声明多次 // let b = 10 // console.log(window.b) //undefined 不挂在到window上 if (true) { // let a = 10 var a = 10 } // console.log(a) // let 声明会报错 console.log(a) // var 10 let a = 10; //全局的 (function() { console.log(a) //10 a = 5 //改写全局的域 console.log(window.a) //undefined console.log(a) //5 })() for (let i = 0; i < 3; i++) { for本身是一个父的域 for里面{}又是一个域 let i = 10 console.log(i) // 3 个 10 } console.log(i) //（）中var声明的 3 console.log(i) //（）let中声明的 报错()中let声明不是全局的 <ul> <li>11111111111</li> <li>11111111111</li> <li>11111111111</li> <li>11111111111</li> <li>11111111111</li> </ul> <script> var oli = document.getElementsByTagName('li') // for (var i = 0; i < oli.length; i++) { // oli[i].onclick = function() { // console.log(i) //点那个都是5 // } // } // // 方法一 // for (var i = 0; i < oli.length; i++) { // oli[i].index = i // oli[i].onclick = function() { // console.log(this.index) //利用自定义属性 // } // } // // 方法二 // for (var i = 0; i < oli.length; i++) { // oli[i].onclick = (function(i) { // return function() { // console.log(i) // } // })(i) // } // 方法三 for (let i = 0; i < oli.length; i++) { //for 循环每走一次就会将i存一次 oli[i].onclick = function() { console.log(i) //利用自定义属性 } }const 声明
// const 声明一个常量 同let // 声明必须赋值 // 声明之后不可以更改 // 如果声明的是引用类型可以修改其属性,但不可以修改其引用 const a = 10; a = 5 var a = 6 console.log(a) //报错 const c; c = 10 console.log(c) //报错 声明必须赋值 // const arr = []; // arr.push('张三') // console.log(arr) //["张三"] // // 不可修改器引用 // arr = '123' //报错 var obj = { name: '张三' } // obj = '李四' //报错 obj.name = '李四' //可以 console.log(obj) //{name: "李四"}