JS中generater和箭头函数

Posted IT-nose

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中generater和箭头函数相关的知识,希望对你有一定的参考价值。

generater跟函数很像:

function* fn(x){ yield x; yield x++; return x;}

如上所示,generater用function*定义,可以用yield返回多次,也可以使用return返回;

调用generater有两个方法,一是一直调用generater的next()方法;

console.log(fn.next());

console.log(fn.next());

console.log(fn.next());

直到fn.next()返回true,遍历结束;

第二种,使用for....of;

for(var i of fn());

箭头函数

ES6新加的函数;

函数用=>定义;

例如:X=>X * X;

相当于function(x){

return x * X;

}

当参数大于一个时用()括起来;

如果返回的是对象,则需要这样写;

x => ({ fun: x })

箭头函数的最大作用是修复了this的指向;

在闭包函数中用箭头函数就不需要使用之前的hack方式修改this的指向了,用箭头函数替代该函数就可以了。

以上是关于JS中generater和箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

vue模板内用箭头函数轻松的增加了第二参数吗?

ES7-Es8 js代码片段

es6的箭头函数和es5的function函数区别

js 基础 源码学习 柯里化和箭头函数

前端片段整理

ES6 之 async 异步函数