前端开发小提示

本章节记录一些前端开发中的小tips欢迎补充

禁用export default

使用export default会导致你在混合使用cjs+esm的时候加载模块极易出现错误。详细分析文章参考 球球你们，别再用export default了。 (opens new window) 深入解析ES Module（二）：彻底禁用default export (opens new window)

使用map代替if else

代码里出现过多的if else无疑可读性非常差

// 优化前
function getRes (path) {
    if (path === '/') {
        return 'index'
    } else if (path === '/news') {
        return 'news'
    } else {
        return '404'
    }
}
// 优化后

const map = {
    '/': 'index',
    '/news': 'news'
}

function getRes (path) {
   return map[path] || '404'
}