es2015（es6）学习总结

Posted 2020-10-15

1.三种声明方式

1. var：它是variable的简写，可以理解成变量的意思。
2. let：它在英文中是“让”的意思，也可以理解为一种声明的意思。
3. const：它在英文中也是常量的意思，在ES6也是用来声明常量的，常量你可以简单理解为不变的量。

var a=2;
{
   var a=3;
}
console.log(a);    //3

var a=2;
{
   let a=3;
}
console.log(a);    //2

 

2. 变量的解构赋值

简单的理解就是将等号右边数组或者对象 的元素拆开赋值给相应的变量

数组解构

let [a,b,c]=[1,2,3];

let [a,b="JS"]=[‘你好‘,undefined];
console.log(a+b);     //控制台显示“你好JS”

let [a,b="JS"]=[‘你好‘,null];
console.log(a+b);        // 你好null

 

对象解构

数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值

let {foo,bar} = {foo:‘你好‘,bar:‘JS‘};
console.log(foo+bar);

let foo;
({foo} ={foo:‘JS‘});
console.log(foo);       //加圆括号，打印不报错

//字符串解构
const [a,b,c,d,e]="Hello";

 

3.字符串查找

之前用str.indexOf(‘hello‘) 来返回hello 在str 字符串中的索引位置，没有则返回-1，es6用includes 判断返回布尔值