感谢您的提问，让我来为您详细介绍 Typescript 中 import/as 和 import/require 的用法和区别。
在 Typescript 中，我们可以使用两种方式引入模块：import/as 和 import/require。虽然它们都可以让我们使用其他模块中的代码，但它们有一些不同点，下面我将分别进行介绍：
import/as
import/as 语法是 ES6 新增的一种导入方式，它可以同时导入并重命名一个或多个模块中的导出对象。例如，我们可以这样使用 import/as 来导入 lodash 库，并将其中的 padStart 方法重命名为 p：
import { padStart as p } from 'lodash';
const result = p('23', 4, '0'); // '0023'在上面的代码中，我们使用了 destructuring（解构）语法来从 lodash 模块中导入 padStart 方法，并同时将其重命名为 p。接着，我们就可以使用 p() 方法来调用 padStart 方法了。
import/require
import/require 语法是 CommonJS 规范中的一种导入方式，它与 import/as 不同的是，它可以动态地导入模块。也就是说，我们可以在运行时根据条件来决定是否加载某个模块。例如，我们可以这样使用 import/require 来根据用户的浏览器类型来选择性地加载某个模块：
-- -------------------- ---- ------- --- ------- -- ------------------------------------ - --- - ------ - ------------------------ - ---- - ------ - ------------------------- - ---------------------
在上面的代码中，我们先定义了一个 module 变量，并根据用户的浏览器类型来决定加载哪个模块。根据模块的不同，我们可以调用它们的 doSomething 方法来执行相应的操作。
使用建议
虽然 import/as 和 import/require 都可以让我们使用其他模块中的代码，但它们有不同的应用场景。一般来说，如果您需要引入静态的模块，那么使用 import/as 更为合适；而如果您需要动态地引入模块，那么使用 import/require 就是最好的选择。
另外，无论您使用哪种方式来导入模块，请保持代码的可读性和易维护性。例如，对于 import/as 的使用，建议按照功能或对象类型来重命名导出对象，以便于理解和使用。
示例代码
下面是一个完整的 Typescript 示例代码，演示了如何使用 import/as 和 import/require 来导入模块：
-- -------------------- ---- ------- ------ - -------- -- - - ---- --------- ------------------- -- ------ -- ------ --- ------- -- ------------------------------------ - --- - ------ - ------------------------ - ---- - ------ - ------------------------- - ---------------------
希望本文能够对您理解 Typescript 中的 import/as 和 import/require 有所帮助。如果您还有其他疑问，欢迎在评论区留言，我会尽快为您解答。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29528