四川通江县住房和建设局网站,大学生项目app策划书,网站的图片怎么制作,抖音推广网站4.import命令
使用export命令定义了模块的对外接口以后#xff0c;其他 JS 文件就可以通过import命令加载这个模块
上面代码的import命令#xff0c;用于加载profile.js文件#xff0c;并从中输入变量。import命令接受一对大括号#xff0c;里面指定要从其他模块导入的…4.import命令
使用export命令定义了模块的对外接口以后其他 JS 文件就可以通过import命令加载这个模块
上面代码的import命令用于加载profile.js文件并从中输入变量。import命令接受一对大括号里面指定要从其他模块导入的变量名。大括号里面的变量名必须与被导入模块profile.js对外接口的名称相同
如果想为输入的变量重新取一个名字import命令要使用as关键字将输入的变量重命名
注意import命令具有提升效果会提升到整个模块的头部首先执行 上面的代码不会报错因为import的执行早于foo的调用。这种行为的本质是import命令是编译阶段执行的在代码运行之前
由于import是静态执行所以不能使用表达式和变量这些只有在运行时才能得到结果的语法结构
上面三种写法都会报错因为它们用到了表达式、变量和if结构。在静态分析阶段这些语法因为都没有执行所以是没法得到值的
如果多次重复执行同一句import语句那么只会执行一次而不会执行多次
5.模块的整体加载
除了指定加载某个输出值还可以使用整体加载即用星号*指定一个对象所有输出值都加载在这个对象上面
现在加载这个模块
上面写法是逐一指定要加载的方法整体加载的写法如下
6.export default 命令
从前面的例子可以看出使用import命令的时候用户需要知道所要加载的变量名或函数名才能按照export对应输出的名称去加载否则无法加载。但是用户肯定希望快速上手未必愿意阅读文档去了解模块有哪些属性和方法
为了给用户提供方便让他们不用阅读文档就能加载模块就要用到export default命令为模块指定默认输出 其他模块加载该模块时import命令可以为该匿名函数指定任意名字 上面代码的import命令可以用任意名称指向export-default.js输出的方法这时就不需要知道原模块输出的函数名。需要注意的是这时import命令后面不使用大括号
export default命令用在非匿名函数前也是可以的 注意上面代码的两组写法第一组是使用export default时对应的import语句不需要使用大括号第二组是不使用export default时对应的import语句需要使用大括号
export default命令用于指定模块的默认输出。显然一个模块只能有一个默认输出因此export default命令只能使用一次。所以import命令后面才不用加大括号因为只可能对应一个方法
本质上export default就是输出一个叫做default的变量或方法系统允许你为它取任意名字或者给他赋予任意的值 这里实际的意思就将add变量赋值给了default变量作为输出
正是因为export default命令其实只是输出一个叫做default的变量所以它后面不能跟变量声明语句
上面代码中export default a的含义是将变量a的值赋给变量default。所以最后一种写法会报错
因为export default本质是将该命令后面的值赋给default变量以后再输出所以直接将一个值写在export default之后也是可以的
如果想在一条import语句中同时输入默认方法和其他变量可以写成下面这样
