ES6语法

1、ES6常用语法
1、let
特点：

在块作用域内有效
不能重复声明
不会预处理, 不存在提升
应用：循环遍历加监听

<script type="text/javascript">
//console.log(age);// age is not defined
let age = 12;
//let age = 13;不能重复声明
console.log(age);
let btns = document.getElementsByTagName('button');
for(let i = 0;i<btns.length;i++){
btns[i].onclick = function () {
alert(i);
}
}

</script>

2、const
作用：定义一个常量
特点：不能修改
应用：保存不用改变的数据
注意事项：一定要赋初始值，一般常量要大写（潜规则）
对于数组和对象的元素修改，不算做常量的修改，不会报错

<script type="text/javascript">
const sex = '男';
console.log(sex);
//sex = '女';//不能修改
console.log(sex);
</script>

 

3、箭头函数
不能作为构建实例化对象
不能使用arguments变量

<script type="text/javascript">
//ES6允许使用箭头函数 =>
// 声明一个函数

let f=function f(){
console.log("一般函数")
}
// 箭头函数
let jia=()=>{
console.log("箭头函数")
}
// 调用函数
jia()
//this是静态的，this始终指向函数声明时所在作用域下的this的值
function getName(){
console.log(this.name)
}
let getName2=()=>{
console.log(this.name)
}
//设置window对象的name属性
window.name='你好'
const school={
name:"nihao"
}
//直接调用
getName();
getName2()
//call方法调用
getName.call(school);
getName2.call(school)
// 箭头函数的简写
// 当只有一个参数的时候，省略小括号
let t= n =>{
return n+1
}
console.log(t(1))
//省略花括号，当代码体只有一句语句的时候,此时return必须省略，而且语句的执行结果就是函数的返回值
let pow =(n)=> n*n;
console.log(pow(2))
</script>