leiwuhen-67's blog leiwuhen-67's blog
首页
    • 《Vue》笔记
    • 《React》笔记
    • 《NodeJs》笔记
    • 《CSS》笔记
    • 《Redis》笔记
    • 基础入门
    • 《Mock》笔记
    • 《MySQL》笔记
    • 《Git》相关
影音视听
收藏
关于
GitHub (opens new window)

我的公众号

首页
    • 《Vue》笔记
    • 《React》笔记
    • 《NodeJs》笔记
    • 《CSS》笔记
    • 《Redis》笔记
    • 基础入门
    • 《Mock》笔记
    • 《MySQL》笔记
    • 《Git》相关
影音视听
收藏
关于
GitHub (opens new window)
  • 随性之笔

    • 《Mock》
    • 《MySQL》
    • 《Git相关》
    • 在TypeScript中,import type和import的区别
    • vscode之代码跳转到定义(vue文件和js文件)
    • vscode之vue项目中实现@路径提示
    • 使用vite构建js库并发布到npm
    • vite构建js库兼容传统浏览器
  • 随笔
  • 随性之笔
心欲无痕
2023-08-24

在TypeScript中,import type和import的区别

在项目中使用 ts 时,无意间看到别人用 import type,有些不解,想到自己都是 import 一把梭,于是特地了解下这两者间的区别。

1、import 可以用于导入值、函数、类等任何东西;import type 只能用于导入类型声明,例如接口、类型别名、枚举等。

2、import 会引入实际的 JavaScript 对象,编译后是实实在在存在的;import type 仅引入类型信息、用于类型校验,不会引入实际的 JavaScript 对象,也就是编译后,import type 引入的东西不会存在于新生成的 JavaScript 文件中。

ps:当你仅仅只是需要做类型校验的时候,使用import type就行,这样可以避免引入多余的代码。当需要实际的JavaScript对象,则需要使用import

编辑 (opens new window)
上次更新: 7/1/2024, 4:56:33 PM
《Git相关》
vscode之代码跳转到定义(vue文件和js文件)

← 《Git相关》 vscode之代码跳转到定义(vue文件和js文件)→

Theme by Vdoing
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式