gulpfile.js中的()=> {}是什么意思

Question

我正处于js的学习之路,刚开始使用yeoman发电机.我使用gulp进行预处理和其他工作.当我浏览gulpfile.js时,我发现了这段代码.

gulp.task('serve', ['styles', 'html', 'watch'], () => {
    browserSync({
        notify: false,
        port: 9000,
        server: {
            baseDir: 'app'
        }
    })
});

我可以理解,当我们执行时gulp-serve,它会运行样式,html和监视任务,并在端口9000中打开一个开发服务器.

但我不明白这() =>意味着什么.

如果有人能告诉我这意味着什么,将非常感激.

提前致谢.

Answer 1

他们叫 Arrow functions

箭头函数表达式具有比函数表达式更短的语法,并且不绑定它自己的this,arguments,super或new.target.这些函数表达式最适合非方法函数,不能用作构造函数.

Mozilla文档

简单地说,它的替代品function(){},除了this上下文

这就是你的代码的样子:

gulp.task('serve', ['styles', 'html', 'watch'], function() {
    browserSync({
        notify: false,
        port: 9000,
        server: {
            baseDir: 'app'
        }
    })
});

(作为第三个参数传入的匿名函数)

无论如何,这是一个ES6功能,你可以在这个链接中探索更多这样的功能:P