Vue JS语法求解读

Question

本人刚学JavaScript和VueJs，看Vue官方的Demo发现这样的写法有点吃力，想请教大家这行代码什么含义，或者帮我找个教程我自己学学也行，我不知道这是JS的语法还是ES6什么的新语法，新东东太多太杂。constcreateListView=id=>()=>import('../views/CreateListView').then(m=>m.default(id))来自（第7行）：https://github.com/vuejs/vue-...完整代码：importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)//route-levelcodesplittingconstcreateListView=id=>()=>import('../views/CreateListView').then(m=>m.default(id))constItemView=()=>import('../views/ItemView.vue')constUserView=()=>import('../views/UserView.vue')exportfunctioncreateRouter(){returnnewRouter({mode:'history',scrollBehavior:()=>({y:0}),routes:[{path:'/top/:page(\\d+)?',component:createListView('top')},{path:'/new/:page(\\d+)?',component:createListView('new')},{path:'/show/:page(\\d+)?',component:createListView('show')},{path:'/ask/:page(\\d+)?',component:createListView('ask')},{path:'/job/:page(\\d+)?',component:createListView('job')},{path:'/item/:id(\\d+)',component:ItemView},{path:'/user/:id',component:UserView},{path:'/',redirect:'/top'}]})}

Answer 1

constcreateListView=id=>()=>import('../views/CreateListView').then(m=>m.default(id))
箭头函数（可以看看阮老师的文章了解下）其实就是
constcreateListView=function(id){
returnfunction(){
import('../views/CreateListView')
.then(function(m){
m.default(id)
});
}
}
                            

Answer 2

constcreateListView=id=>()=>import('../views/CreateListView').then(m=>m.default(id))
这个里面可能比较让人晕头的就是这些箭头。这个是es6里面的语法--箭头函数，本质上就是
function(id){
//balabala
}
箭头前面的是参数，后面的函数内部实际处理逻辑。可以去看下es6的教程，一看就明白的，这个就是各种function了。个人理解，洗完有所帮助