ES6函数

作者: KEN_CHEN | 来源:发表于2018-11-21 12:15 被阅读0次

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(不赋值):

代码及结果

相关文章

网友评论

      本文标题:ES6函数

      本文链接:https://www.haomeiwen.com/subject/lojqqqtx.html