"typescript import和import type的区别？"

原创

问答题 · 前端 · javascript · 2023-04-23 06:16

typescript import和import type的区别？

两者的主要区别是：

import：
可以在运行时访问导入的对象
编译结果包含导入语句
import type：
仅用于类型检查，无法在运行时访问导入的对象
编译结果不包含导入语句，在编译后被删除

示例：

// import 
import { User } from './user';
let u = new User(); // 可以在运行时创建 User 实例

// import type
import type { User } from './user';
let u = new User(); // Error,无法创建 User 实例

编译结果：

"use strict";
// import 
var User_1 = require("./user");
var u = new User_1.User(); 

// import type
let u = new User(); // Error

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 浏览器线程有哪些？; ES5的继承和ES6的继承有什么区别？; 从输入URL到页面加载完成发生了什么？; 拖拽会用到哪些事件？; ['1', '2', '3'].map(parseInt) 最终会输出什么？为什么？; localStorage 存满了怎么办？; 如果已经建立了连接，但是客户端突然出现故障了怎么办？; 介绍下四次挥手; js 中整数的安全范围是多少？; typeof NaN 的结果是什么？

回顶部