ES6新特征

let，conste

1. 无变量提升

conste.log(x);

var x = 100;

let x = 100;

console.log(x);

2. 支持块作用域

ES5仅支持全局，函数作用域

ES6新增块作用域，代码块{}，仅let和const支持。

{

let y = 1000;

var z = 10;

console,log(y);

{

console.log(y*2);

console.log(z*2);

}

}

console.log(y);

console.log(z);

//let，const同作用域下重复声明会报错，但是var不会

//let定义变量，const定义常量

3. 模板字符串

//使用字符串拼接实现数据描述

let name="xiaoming";

let age=20;

{

let info=name+ "is"+age+"years old.";

console.log(info);

}

//使用模板字符串

{

let info=`${name} is ${age} years old`;//插值运算符

console.log(info);

}

4. 解构赋值

分为数组，对象解构

let student={

name:"小明",age:20

};

let stu_name = student.name;

let stu_age = student.age;

let {s_name:name, s_age:age}=student;//对象解构赋值

console.log(s_name, s_age);

let numbers = [22,33,44,55];

let [a,b,c,d]=numbers;//数组解构赋值

console.log(a,b,c,d);

5. 箭头函数

//可以理解为一个语法简单的匿名函数

//函数声明语法

function f1(n){

return 10*n;

}

//函数表达式

let f2=function(n){

return 10*n;

}

//箭头函数

let f3=(n)=>10*n;

let f4=>{

return 10*n;

};