ES6函数

2018-11-21  本文已影响0人  KEN_CHEN

1.箭头函数

没argument,使this指向当前

代码 结果

ps:函数无法给上面调用

例1:

代码


结果

例2:

代码(与上对比)

例3:

代码 结果(点击后变绿)

例4:

匿名函数

2.延展参数

相当于默认值,有传参数就为参数值,没传则为默认值

可以延展任何类型 array string json.....

代码(未传值) 结果(取延展参数为值5) 代码(传值为10) 结果(取传的值为10)

例:

代码 结果

3.扩展运算符

...x

1.函数中的参数用 ...x 代表:

实参为数组,进来的x变量

2.数组中可以合并数组

例1-1:

代码 结果

例1-2:

代码 结果(1被y取了)

例2-1:

代码 结果

例2-2

代码 结果

选项卡demo:

代码 结果1 结果2

4.生成器函数

格式():

function*  函数名(){

    yield () =>{

        xxx

    }

    yield () =>{ 

        xxx

     } 

}

yield有点像return

使用:

函数名.next().value();

例:

代码

ps:此处若直接show().next().value();三次,则结果都为alert(1)


结果(第一次为1,后面为2,3)

Tips:若用onclick则以点击次数来改变结果

5.set/get

{ }可以有个set和get方法

方法后放名字

如果执行这个名字,不赋值情况下会走 get

赋值则会走 set(最高支持一个参数)

例1(赋值为5):

代码及结果

例2(不赋值):

代码及结果
上一篇 下一篇

猜你喜欢

热点阅读