es6常用方法(一天一个问题20)

1.let,var,const
2.箭头函数和普通函数区别
3.promise,await,async
4.set（数组去重）和map区别
5.数组扩展方法（遍历，拷贝，增删改查，去重，判断数组，其他扩展方法）
6.字符串扩展方法 （includes(),startsWith(),endsWith()，repeat()）
7.解构赋值(数组匹配，对象变量必须与属性同名)

1.let,var,const

1.var 有变量提升
2.let块级作用域（块： { } ，包括if语句和 for语句里面的{ }也属于块作用域）
3.const常用来声明常量不可改，申明对象（引用类型）可改变，必须赋初值

2.箭头函数和普通函数

1.写法
2.this区别（例子）箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值
3.箭头函数不能用作构造函数使用，没有arguments
箭头函数不能当做Generator函数,不能使用yield关键字

//例子
var obj = {
  a: 10,
  b: () => {
    console.log(this.a); // undefined
    console.log(this); // Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
  },
  c: function() {
    console.log(this.a); // 10
    console.log(this); // {a: 10, b: ƒ, c: ƒ}
  }
}
obj.b(); 
obj.c();

3.promise,await,async

4.set和map区别

Set结构是类似于数组结构,但是成员都是不重复的值
缺点是没办法像数组一样通过下标取值的方法
Map结构是键值对集合(Hash结构)，键可以是字符串也可以是其他基本类型

构造：
let set = new Set([1,2,3]);
set.size    // 3

数组去重：
let arr = [1,2,3,4,5,4,23,1,3];
arr= Array.from(new Set(arr));  // [1, 2, 3, 4, 5, 23]
Map结构是键值对集合(Hash结构)
构造：
const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

map.size // 2
map.has('name') // true
map.get('name') // "张三"
map.has('title') // true
map.get('title') // "Author"

5.数组扩展方法

5.1数组遍历

map foreach filter for of for in some every reduce keys，values，entries-

5.2数组增删改查

splice slice concat indexOf includes Array.prototype.includes

5.3数组去重

new Set([])
双层for
indexOf

5.4数组拷贝

concat
slice

5.5判断是数组

typeOf constructor instanceof Object.prototype.toString Array.isArray()

5.6其他扩展方法

Array.from将类数组或对象转化为数组
copyWithin(target,start,end)（将当前数组的元素复制替换）—会修改当前数组
find()/findIndex()（查找符合条件的元素/索引）—第一个符合条件的数组项目
Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似

6.字符串操作

includes()：判断是否包含
startsWith()：判断是否已某一个字符串开头
endsWith()：判断是否已某一个字符串结尾
repeat方法返回一个新字符串，表示把原字符串重复n次

//模版字符串`${}`
 var msg = 'word';
    var str3 = `hello ${msg}`;
    console.log(str3)

7.解构赋值

7.1.数组

本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值

2.解构赋值允许指定默认值。
let [foo = true] = [];
foo // true

7.2对象的结构赋值

let { foo, bar } = { foo: “aaa”, bar: “bbb” };
foo // “aaa”
bar // “bbb”
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。
let { bar, foo } = { foo: “aaa”, bar: “bbb” };
foo // “aaa”
bar // “bbb”

博客地址