import ... from和import {} from 的区别

导入有区别是因为导出本身就不一样

第一种

//utils.js文件中 导出
export function phoneReg(str) {
    return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
}

//导入
import {pwdReg} from "../utils/utils.js"

第二种

//utils.js文件中 导出
export default function phoneReg(str) {
    return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
}

//导入
import pwdReg from "../utils/utils.js"

ES6中 export 和 export default 的区别

1.export与export default均可用于导出常量、函数、文件、模块等

2.在一个文件或模块中，export  、import可以有多个，export default仅有一个

3.通过export方式导出，在导入时要加{ }，export default则不需要

4.export能直接导出变量表达式，export default不行

注：

1.export default 向外暴露的成员，可以使用任意变量来接收，但export向外暴露的成员，只能使用{ }的形式来接收，这种形式，叫做  “按需导出”

2.在一个模块中，export default 只允许向外暴露一次，但export 允许向外暴露多次