LET:
- let声明变量,作用域只在当前代码块有效
- let不存在变量的提升(以下的情况解释)
console.log(i);// undefined
var i =10
console.log(j);
let j = 2;
- let暂时性死区
var temp = 1;
if (true) {
temp = 2;
//属于先使用在声明的状态
let temp;
}
const:声明一个只读的常量,不可以更改
模板字符串
var now = new Date();
document.write(`${now.getFullYear()}年${(now.getMonth()+1)}月${now.getDate()}日`);//2020年12月21日
箭头函数 =>
window.onload = function(){
var btn = document.getElementById("btn");
btn.onclick = () =>{
console.log("憨包包");
}
// btn.onclick = function(){
// console.log("憨包包");
// }
}
可以改变this
的含义
window.onload = function(){
var btn = document.getElementById("btn");
btn.onclick = () =>{
console.log("憨包包");
}
var txt = document.getElementById("txt");
txt.onblur = () =>{
console.log(this.value);//this:代表txt
}
}
模块化
html:
moudle1:
moudle2: