响应式网站的发展现状wordpress 搜索模板
在 TypeScript（TS）中，export 和 import 的概念与 Java 中的 public 类、接口以及 import 语句有一些相似之处。可以用以下方式来类比理解：
Export
在 TypeScript 中，export 用于将模块中的变量、函数、类等暴露给外部使用。这有点类似于在 Java 中将类、接口、方法等声明为 public。
例如：
TypeScript:
// 导出一个变量
export const myVariable = 123;// 导出一个函数
export function myFunction() {console.log("Hello, world!");
}// 导出一个类
export class MyClass {constructor(public name: string) {}
}
Java:
// 一个公共类
public class MyClass {public String name;public MyClass(String name) {this.name = name;}
}// 一个公共方法
public void myFunction() {System.out.println("Hello, world!");
}// 一个公共变量
public static final int MY_VARIABLE = 123;
Import
在 TypeScript 中，import 用于引入其他模块中导出的变量、函数、类等。这与 Java 中的 import 语句用于引入包或类的功能相似。
例如：
TypeScript:
import { myVariable, myFunction, MyClass } from './myModule';console.log(myVariable); // 使用导入的变量
myFunction(); // 调用导入的函数const obj = new MyClass('TypeScript'); // 使用导入的类
Java:
import static mypackage.MyClass.MY_VARIABLE; // 导入静态变量
import static mypackage.MyClass.myFunction; // 导入静态方法
import mypackage.MyClass; // 导入类public class Main {public static void main(String[] args) {System.out.println(MY_VARIABLE); // 使用导入的变量myFunction(); // 调用导入的方法MyClass obj = new MyClass("Java"); // 使用导入的类}
}
在 TypeScript 和 JavaScript 中，default 是一种特殊的导出和导入方式，它允许模块导出一个默认成员，这个成员可以是变量、函数、类等。
Default Export
当一个模块使用 default 关键字导出一个成员时，这个成员就是该模块的默认导出。在导入时，不需要使用大括号 {}，直接导入即可。
TypeScript:
// myModule.ts
export default function myDefaultFunction() {console.log("This is the default export function");
}
Default Import
导入默认导出时，不需要使用大括号 {}，并且可以给导入的成员指定任意名称。
TypeScript:
// main.ts
import myFunction from './myModule';myFunction(); // 调用导入的默认函数
类比理解
在 Java 中没有完全等价的概念，但你可以将默认导出类比为一个单例类或主要类，该类通常是模块的核心部分，并且在导入时不需要明确指明其名称。
Java:
// mypackage/MyClass.java
package mypackage;public class MyClass {public void myMethod() {System.out.println("This is the main class method");}
}// 导入和使用时
import mypackage.MyClass;public class Main {public static void main(String[] args) {MyClass myClass = new MyClass();myClass.myMethod();}
}
默认导出和命名导出对比
默认导出和命名导出的一个主要区别在于，默认导出允许模块有一个主要导出，而命名导出可以让模块有多个导出。
TypeScript:
// myModule.ts
export default function defaultFunction() {console.log("This is the default export function");
}export function namedFunction() {console.log("This is a named export function");
}
导入:
// main.ts
import defaultFunction, { namedFunction } from './myModule';defaultFunction(); // 调用默认导出函数
namedFunction(); // 调用命名导出函数
总结
- 默认导出 (default export): 模块只能有一个默认导出，导入时不需要使用大括号
{}，可以给导入的成员指定任意名称。 - 命名导出 (named export): 模块可以有多个命名导出，导入时需要使用大括号
{}指定导出的名称。
这样，你可以把默认导出理解为模块的主要功能或主要对象，而命名导出则用于模块中的辅助功能或辅助对象。
- 在 TypeScript 中，
export类似于 Java 中的public关键字，用于将模块成员公开。 - 在 TypeScript 中，
import与 Java 中的import语句功能相同，用于引入其他模块中的成员。
这样类比理解，可以帮助你更好地掌握 TypeScript 中模块的导出和导入机制。