Javascript 什么是()=>;{}gulpfile.js中的平均值
我正在学习js,刚刚开始使用yeoman生成器。我用大口喝来做预处理和其他的东西。当我浏览gulpfile.js时,我发现了这段代码Javascript 什么是()=>;{}gulpfile.js中的平均值,javascript,gulp,gulp-browser-sync,Javascript,Gulp,Gulp Browser Sync,我正在学习js,刚刚开始使用yeoman生成器。我用大口喝来做预处理和其他的东西。当我浏览gulpfile.js时,我发现了这段代码 gulp.task('serve', ['styles', 'html', 'watch'], () => { browserSync({ notify: false, port: 9000, server: { baseDir: 'app' } }) }
gulp.task('serve', ['styles', 'html', 'watch'], () => {
browserSync({
notify: false,
port: 9000,
server: {
baseDir: 'app'
}
})
});
我可以理解,当我们执行gulp-serve
时,它会运行样式、html和watch任务,并在端口9000中打开一个开发服务器
但是我不明白这是什么意思
如果有人能告诉我这是什么意思,我将非常感激
提前感谢。它定义了一个不带参数的内联函数。函数体位于{}中。然后,这个新函数作为回调传递给task()函数。它定义了一个不带参数的内联函数。函数体位于{}中。然后,这个新函数作为回调传递给task()函数。它们被称为
箭头函数
箭头函数表达式的语法比函数短
表达式,不绑定自己的this、arguments、super或
新目标。这些函数表达式最适用于非方法
函数,它们不能用作构造函数
简单地说,它是function(){}
的替代品,除了this
上下文之外
以下是您的代码的外观:
gulp.task('serve', ['styles', 'html', 'watch'], function() {
browserSync({
notify: false,
port: 9000,
server: {
baseDir: 'app'
}
})
});
(作为第三个参数传入的匿名函数)
这是ES6的一个功能无论如何,您可以在link:p中探索更多类似的功能,它们被称为
箭头函数
箭头函数表达式的语法比函数短
表达式,不绑定自己的this、arguments、super或
新目标。这些函数表达式最适用于非方法
函数,它们不能用作构造函数
简单地说,它是function(){}
的替代品,除了this
上下文之外
以下是您的代码的外观:
gulp.task('serve', ['styles', 'html', 'watch'], function() {
browserSync({
notify: false,
port: 9000,
server: {
baseDir: 'app'
}
})
});
(作为第三个参数传入的匿名函数)
这是一个ES6功能无论如何,您可以在link:pES6箭头功能中探索更多类似的功能
这是一个匿名函数。你的密码可能是
gulp.task('serve',['style','html','watch',function(){
浏览器同步({
通知:错误,
港口:9000,
服务器:{
baseDir:'应用程序'
}
})
});
箭头函数最棒的一点是,您仍然可以在上下文中使用这个
。你不必定义类似于let self=this的东西代码>功能外部。ES6箭头功能
这是一个匿名函数。你的密码可能是
gulp.task('serve',['style','html','watch',function(){
浏览器同步({
通知:错误,
港口:9000,
服务器:{
baseDir:'应用程序'
}
})
});
箭头函数最棒的一点是,您仍然可以在上下文中使用这个
。你不必定义类似于let self=this的东西代码>在函数外部。那是es6箭头函数它是匿名函数,()=>{}可以作为函数的替代品(){}@ShrikanthBuds:。我的错误,我总是将它们用作匿名函数,所以我误认为它们是匿名函数那是es6箭头函数它是匿名函数,()=>{}可以作为function(){}@ShrikanthBuds的替代品:。我的错误是,我总是将它们用作匿名函数,所以我将它们误认为匿名函数w!谢谢这让事情变得很清楚:)很高兴知道:)接受它吧哇!谢谢这让事情变得很清楚:)很高兴知道:)接受它吧