js的import用法
JavaScript的import用法是指在一个模块中使用别的模块的功能。在ECMAScript 6（简称ES6）之前，JavaScript没有本地的模块系统，开发人员需要手动维护模块之间的依赖。但随着ES6的到来，JavaScript引入了本地模块系统，它逐渐被浏览器和Node.js广泛支持。
一、模块简介
在编程中，模块就是一个独立的代码单元，它可以包含类、函数、变量等多种形式的代码片段。模块的作用是打包一段独立的功能，以便在程序中重复使用。比如编写一个视频播放器的功能，你可以将播放器分为不同的模块，比如视频控制模块、进度条模块、音量控制模块等，每个模块都可以独立完成自己的功能任务，然后在一个页面中将它们组装在一起，形成一个完整的播放器。
二、ES6模块中的import
在ES6中，使用import语句引入其他模块的功能。import语句的语法格式如下：
import { namedExport } from './path/to/module.js';
其中，花括号{}用来指定要引入的具体功能，从而避免了引入整个模块。namedExport是已经在目标模块中定义的具名导出。./path/to/module.js表示目标模块的相对路径或绝对路径。比如，如果你想要引入目标模块中的addOne方法，可以这样写：
import { addOne } from './path/to/module.js';
如果模块中的导出名称和引入名称不同，可以使用as关键字将导出名称重命名。例如，下面代码中，将cssType1导出重命名为Type1：
import { cssType1 as Type1 } from './path/to/module.js';
默认情况下，import导入的模块就是严格模式（strict mode）。如果需要将导入的模块切换到非严格模式，可以在导入语句前添加"use non-strict";的注释指令。示例如下：
/* use non-strict */
import { myFunc } from './path/to/module.js';
如果需要导入模块的所有导出，可以使用星号（*）表示通配符。例如，下面代码中，将目
标模块中的所有导出都引入到了MyModule对象中：
import * as MyModule from './path/to/module.js';
三、ES6模块中的export
export语句用于从一个模块中导出一个或多个值，并且允许其他模块导入这些值。export语句可以单独使用，也可以与声明语句连用。export语句的语法格式如下：
export const name1 = value1; 导出常量
export function name2(args) {} 导出函数
export class ClassName {} 导出类定义
export { name3, name4 } 导出多个值
其中，export常量、函数、类定义、以及多个值分别对应了ES6的四种导出方式。
1. 导出常量
使用export语句将常量导出。例如，下面代码中，导出了PI和circle函数：
export const PI = 3.1415926;
export function circle(r) {
return PI * r * r;
}
2. 导出函数
使用export语句将函数导出。例如，下面代码中，导出了sum和average函数：
function sum(x, y) {
return x + y;
}
function average(arr) {
const sum = duce((total, current) => total + current, 0);
return sum / arr.length;
}
export { sum, average };
javascript进度条3. 导出类定义
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论