html import模块化,关于ES6中的模块化的规范：export与import

ES6中的模块化规范通过`export`和`import`两个关键字来实现。

`export`用于将模块中的内容导出，可以导出变量、函数、类等。例如：

// 导出变量
export const name = 'Tom';

// 导出函数
export function sayHello() {
  console.log('Hello!');
}

// 导出类
export class Person {
  constructor(name) {
    this.name = name;
  }
  sayName() {
    console.log(this.name);
  }
}

`import`用于导入模块中导出的内容，可以导入单个或多个变量、函数、类等。例如：

// 导入单个变量
import { name } from './module1.js';
console.log(name);

// 导入多个变量
import { name, age } from './module1.js';
console.log(name, age);

// 导入单个函数或类
import { sayHello, Person } from './module1.js';
sayHello();
const person = new Person('Tom');
person.sayName();

// 导入整个模块
import * as module1 from './module1.js';
console.log(module1.name, module1.age);
module1.sayHello();
const person2 = new module1.Person('Jerry');
person2.sayName();

需要注意的是，导入和导出的变量名必须保持一致，否则会报错。同时，ES6模块化规范只能在浏览器中使用模块化，不能直接在Node.js中使用，需要通过打包工具（如webpack）进行转换。