ES6，call(),apply(),set(),map(),类，模块的用法

ES6，（call(),apply(),set(),map(),类，模块的用法）

call,apply,bind的作用时改变函数运行是的this指向。

1. call
   call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向window。
2. apply
   apply接受两个参数，第一个参数是要绑定给this的值，第二个参数是一个参数数组。当第一个参数为null、undefined的时候，默认指向window。
   区别
   事实上apply 和 call 的用法几乎相同, 唯一的差别在于：当函数需要传递多个变量时, apply 可以接受一个数组作为参数输入, call 则是接受一系列的单独变量。
3. bind
   和call很相似，第一个参数是this的指向，从第二个参数开始是接收的参数列表。区别在于bind方法返回值是函数以及bind接收的参数列表的使用。bind返回的是一个函数，如果想要执行，就需要执行bind先创建出来的这个函数。
   有时候我们也用bind方法实现函数珂里化，以下是一个简单的示例：

var add = function(x) {
  return function(y) {
    return x + y;
  };
};

var increment = add(1);
var addTen = add(10);

increment(2);
// 3

addTen(2);
// 12

求数组中的最大和最小值

var arr = [1,2,3,89,46]
var max = Math.max.apply(null,arr)//89
var min = Math.min.apply(null,arr)//1

4. Array.from 将类转化为数组
5. 利用call和apply做继承

function Person(name,age){
    // 这里的this都指向实例
    this.name = name
    this.age = age
    this.sayAge = function(){
        console.log(this.age)
    }
}
function Female(){
    Person.apply(this,arguments)//将父元素所有方法在这里执行一遍就继承了
}
var dot = new Female('Dot',2)

set用法

set 可以自动去重

1. 定义

var set = new Set()

2. add添加

var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.add(15))
//[1,3,5,8,11,15]

3. delete 删除

var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.delete(1))
//[3,5,8,11]

4. size 获取长度

var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.size)
//5

5. his 判断是否有

var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.has(1))
//true

map用法

map传入的是数组对象，map默认排序，定义的什么顺序输出的就是什么顺序。
map用法与set用法相似不同点map的添加方法是set（）

1. set 添加

var m = new Map([[1,'good'],[2,'hello'],['a','你好'],['b','小孟']])
console.log(m.set(3,'小孟同学'))

2. get 获取

var m = new Map([[1,'good'],[2,'hello'],['a','你好'],['b','小孟']])
console.log(m.get(1))
//good

Symbol

Symbol 符号 是唯一的
常用于左右对象的key值

var s1 = Symbol('name')
var obj = {[s1]:'小孟学长'}

Symbol(‘name’) != Symbol(‘name’)
Symbol.for(‘name’) == Symbol.for(‘name’)

for of 数组遍历

item

var arr = ['你好','小','孟','学长']
   for(let item of arr){
    console.log(item)
   }

keys()

var arr = ['你好','小','孟','学长']
for(let key of arr.keys()){
    console.log(key)
   }

valueof()

var arr = ['你好','小','孟','学长']
for(let val of arr.valueOf()){
    console.log(val)
   }

entries()

var arr = ['你好','小','孟','学长']
for(let [k,v] of arr.entries()){
    console.log(k,v)
   }

模块

export
定义模块
如何定义模块
export 定义的东西
例如： export const a = 12
变量的重命名：
export{
a as aaa
b as banabnab
}

import
使用模块
import ‘url’
import {a,b} from ‘url’
import（）
import()类似node里面的require,可以动态引入，默认import语法不能写到if里面去，返回值是一个promise对象
import(‘url’).then(res=>{
执行语句
})
优点

1. 按需加载
2. 可以写if中
3. 路径也可以动态