ES6,(call(),apply(),set(),map(),类,模块的用法)
call,apply,bind的作用时改变函数运行是的this指向。
- call
call 方法第一个参数是要绑定给this的值,后面传入的是一个参数列表。当第一个参数为null、undefined的时候,默认指向window。 - apply
apply接受两个参数,第一个参数是要绑定给this的值,第二个参数是一个参数数组。当第一个参数为null、undefined的时候,默认指向window。
区别
事实上apply 和 call 的用法几乎相同, 唯一的差别在于:当函数需要传递多个变量时, apply 可以接受一个数组作为参数输入, call 则是接受一系列的单独变量。 - 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
- Array.from 将类转化为数组
- 利用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 可以自动去重
- 定义
var set = new Set()
- add添加
var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.add(15))
//[1,3,5,8,11,15]
- delete 删除
var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.delete(1))
//[3,5,8,11]
- size 获取长度
var s = new Set([1,3,1,3,5,5,8,11])
console.log(s.size)
//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()
- set 添加
var m = new Map([[1,'good'],[2,'hello'],['a','你好'],['b','小孟']])
console.log(m.set(3,'小孟同学'))
- 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=>{
执行语句
})
优点
- 按需加载
- 可以写if中
- 路径也可以动态