TypeScript 中多种 import 的用法及含义

好的，以下是 TypeScript 中多种 import 解义的文章：

在 JavaScript 中，有多种 export 的方式，而 TypeScript 中针对这种情况做了多种 import 语法，最常见的就是 import * as path from 'path' 这种。这篇文章主要来讲解 TypeScript 中不同的 import 具有什么意义。

一、import * as path from 'path'

这是最常见的 import 语法，它将 path 模块的全部内容导入到当前模块中，并将其存储在 path 对象中。使用这种语法，可以像这样使用 path 模块：

import * as path from 'path';

console.log(path.join('a', 'b', 'c')); // 输出: 'a/b/c'

二、import from 'path'

这种语法将 path 模块的 path 属性导入到当前模块中，并将其存储在 foo 对象中。使用这种语法，可以像这样使用 path 模块：

import { path as foo } from 'path';

console.log(foo.join('a', 'b', 'c')); // 输出: 'a/b/c'

三、import from 'path'

这种语法将 path 模块的 path 属性导入到当前模块中，但不会将其存储在任何对象中。使用这种语法，可以像这样使用 path 模块：

import { path } from 'path';

console.log(path.join('a', 'b', 'c')); // 输出: 'a/b/c'

四、import default from 'path'

这种语法将 path 模块的默认导出导入到当前模块中，并将其存储在 default 对象中。使用这种语法，可以像这样使用 path 模块：

import default from 'path';

console.log(default.join('a', 'b', 'c')); // 输出: 'a/b/c'

五、import path from 'path'

这种语法将 path 模块导入到当前模块中，但不会将其存储在任何对象中。使用这种语法，可以像这样使用 path 模块：

import path from 'path';

console.log(path.join('a', 'b', 'c')); // 输出: 'a/b/c'

六、import 'path'

这种语法将 path 模块导入到当前模块中，但不会将其存储在任何对象中。使用这种语法，只能使用 path 模块的静态方法和属性，而不能使用它的实例方法和属性。

import 'path';

console.log(path.join('a', 'b', 'c')); // 输出: 'a/b/c'

总结

TypeScript 中的不同 import 语法具有不同的含义和用法。最常见的 import 语法是 import * as path from 'path'，它将 path 模块的全部内容导入到当前模块中。import { path as foo } from 'path' 语法将 path 模块的 path 属性导入到当前模块中，并将其存储在 foo 对象中。import { path } from 'path' 语法将 path 模块的 path 属性导入到当前模块中，但不会将其存储在任何对象中。import default from 'path' 语法将 path 模块的默认导出导入到当前模块中，并将其存储在 default 对象中。import path from 'path' 语法将 path 模块导入到当前模块中，但不会将其存储在任何对象中。import 'path' 语法将 path 模块导入到当前模块中，但不会将其存储在任何对象中，只能使用 path 模块的静态方法和属性。