import * as obj 和 import { a, b } 有什么区别？

推荐答案

import * as obj 和 import { a, b } 是 ES6 模块系统中的两种不同的导入方式，它们的主要区别在于导入的内容和使用方式。

• import * as obj：将模块中的所有导出内容作为一个命名空间对象导入，可以通过 obj.a 和 obj.b 的方式访问模块中的 a 和 b。
• import { a, b }：只导入模块中指定的 a 和 b，可以直接使用 a 和 b，而不需要通过命名空间对象访问。

本题详细解读

import * as obj

import * as obj 是一种将模块中所有导出内容作为一个命名空间对象导入的方式。这种方式适用于需要导入模块中多个导出内容，并且希望将这些内容组织在一个命名空间对象中的场景。

// www.javascriptcn.com code example
// module.js
export const a = 1;
export const b = 2;

// main.js
import * as obj from './module.js';

console.log(obj.a); // 输出: 1
console.log(obj.b); // 输出: 2

在这个例子中，import * as obj 将 module.js 中的所有导出内容（即 a 和 b）作为一个命名空间对象 obj 导入。然后可以通过 obj.a 和 obj.b 访问这些导出内容。

import { a, b }

import { a, b } 是一种只导入模块中指定导出内容的方式。这种方式适用于只需要导入模块中部分导出内容，并且希望直接使用这些内容的场景。

// www.javascriptcn.com code example
// module.js
export const a = 1;
export const b = 2;

// main.js
import { a, b } from './module.js';

console.log(a); // 输出: 1
console.log(b); // 输出: 2

在这个例子中，import { a, b } 只导入了 module.js 中的 a 和 b，并且可以直接使用 a 和 b，而不需要通过命名空间对象访问。

区别总结

• 导入方式：import * as obj 导入所有导出内容作为一个命名空间对象，而 import { a, b } 只导入指定的导出内容。
• 访问方式：import * as obj 需要通过命名空间对象访问导出内容（如 obj.a），而 import { a, b } 可以直接访问导出内容（如 a）。
• 适用场景：import * as obj 适用于需要导入多个导出内容并希望组织在一个命名空间中的场景，而 import { a, b } 适用于只需要导入部分导出内容并希望直接使用的场景。

通过理解这两种导入方式的区别，可以根据实际需求选择合适的导入方式。