es6一些方法的使用:(因为自己也是新手,如有不对的地方欢迎纠正)
1.声明方式:let/const
let:变量不允许重复声明,允许重复赋值,可以防止变量泄露;
const:常量,变量不允许重复声明,也不允许重复赋值
2.字符串:charCodeAt、String.fromCharCode()、 repeat、includes、startsWith、endsWith
charCodeAt:获取编码
String.fromCharCode():解析编码(中文)
repeat:接受一个参数,参数就是重复几次咱们的字符串
includes:两个参数(第一个参数是要找的内容,第二个从第几位开始)
startsWith:起始的意思:开头如果是你放入的第一个参数返回的就是true不是返回的是false(两个参数,第一个是放入的内容,第二个参数从第几位开始)
endsWith:结束位置:两个参数(第一个放入结束的内容,第二个是从第几位结束)
3.模板:${}
es6的字符串成了``
4.数组的方法
find():里面是函数,第一个是参数:循环出来所有的内容;第二个参数是下标:所有的下标;第三个参数是数组本身
5.箭头函数
例:let x = x=>x; ————let x = funtion(x){return x}
6.set、get
{}:里面多了一个set和get的方法:方法后方名字如果执行这个名字不赋值的情况下会走 get 一但赋值就执行set(只支持一个参数)
例:let json = {};
json={
set a(x){
console.log(x)
},
get a(){
return 10
}
}
json.a = 5
console.log(json.a)
7.块级作用域:在script:{}可以解决密封空间作用域
8.结构赋值:跟后面的结构一样就可以 支持数组和json json{key对应后面的key}
例:let [a,b,c] = [1,2,3]
console.log(a,b,c)
let json = {x:4,y:5}
let {x,y} = json
console.log(x,y)
function show(a=[10,20,30]){
let [b,c,d] = a
console.log(b,c,d)
}
show()
9.bind、call
jquery的bind:绑定事件 类似于:addevent
bind:任何函数都可以用bind调用自己,bind的第一个参数就是函数的this第二个参数就是函数的形参但是不会调用自己
call:任何函数都可以用call调用自己,call的第一个参数就是函数的this第二个参数就是函数的形参