1.箭头函数
没argument,使this指向当前
![](https://img.haomeiwen.com/i12489115/b1105cec4aa755c8.png)
![](https://img.haomeiwen.com/i12489115/979be4adff42c115.png)
ps:函数无法给上面调用
例1:
![](https://img.haomeiwen.com/i12489115/d3bc1f8d9036a840.png)
![](https://img.haomeiwen.com/i12489115/5911b3b44b56b414.png)
例2:
![](https://img.haomeiwen.com/i12489115/3076720cdf50dc45.png)
例3:
![](https://img.haomeiwen.com/i12489115/8685588f9740e460.png)
![](https://img.haomeiwen.com/i12489115/507d0248434235f6.png)
例4:
![](https://img.haomeiwen.com/i12489115/67c5080a720bba26.png)
2.延展参数
相当于默认值,有传参数就为参数值,没传则为默认值
可以延展任何类型 array string json.....
![](https://img.haomeiwen.com/i12489115/c62d93b29f2779a1.png)
![](https://img.haomeiwen.com/i12489115/a52a881c6855eee6.png)
![](https://img.haomeiwen.com/i12489115/f11b19694f25d5f8.png)
![](https://img.haomeiwen.com/i12489115/bded4d3dd9c44bfb.png)
例:
![](https://img.haomeiwen.com/i12489115/9f0689f721da9ffd.png)
![](https://img.haomeiwen.com/i12489115/df7794a517b545e3.png)
3.扩展运算符
...x
1.函数中的参数用 ...x 代表:
实参为数组,进来的x变量
2.数组中可以合并数组
例1-1:
![](https://img.haomeiwen.com/i12489115/8e64182a3b32451e.png)
![](https://img.haomeiwen.com/i12489115/695daaf88ba9ff08.png)
例1-2:
![](https://img.haomeiwen.com/i12489115/a82093ac1500ecf8.png)
![](https://img.haomeiwen.com/i12489115/22da6787d39eb722.png)
例2-1:
![](https://img.haomeiwen.com/i12489115/7c89b2c31fa48ff7.png)
![](https://img.haomeiwen.com/i12489115/ef6152559f48756e.png)
例2-2
![](https://img.haomeiwen.com/i12489115/fcec4a58a9d6c2a6.png)
![](https://img.haomeiwen.com/i12489115/9c5d85bc06921105.png)
选项卡demo:
![](https://img.haomeiwen.com/i12489115/493976ff2461749a.png)
![](https://img.haomeiwen.com/i12489115/3d4a551aec3fd1d9.png)
![](https://img.haomeiwen.com/i12489115/aa1cef97b91abe45.png)
4.生成器函数
格式():
function* 函数名(){
yield () =>{
xxx
}
yield () =>{
xxx
}
}
yield有点像return
使用:
函数名.next().value();
例:
![](https://img.haomeiwen.com/i12489115/47f096732f575985.png)
ps:此处若直接show().next().value();三次,则结果都为alert(1)
![](https://img.haomeiwen.com/i12489115/94dc6bd935f35989.png)
Tips:若用onclick则以点击次数来改变结果
5.set/get
{ }可以有个set和get方法
方法后放名字
如果执行这个名字,不赋值情况下会走 get
赋值则会走 set(最高支持一个参数)
例1(赋值为5):
![](https://img.haomeiwen.com/i12489115/d208f2f94e1add13.png)
例2(不赋值):
![](https://img.haomeiwen.com/i12489115/35dd3b5b2ed06406.png)
网友评论