typescirpt中 !. 怎么使用

在 TypeScript 中，! 符号可以用于断言一个变量是非 null 和非 undefined 的。这个符号被称为 非空断言运算符。

使用方式如下：

let variableName!: string;

在上面的代码中，我们声明了一个变量 `variableName`，并在变量名后面添加了一个 `!` 符号。这个符号告诉 TypeScript 编译器，我们确定这个变量不会是 null 或 undefined。

需要注意的是，如果你使用了非空断言运算符，但是变量的值确实为 null 或 undefined，那么程序将会在运行时抛出异常。因此，使用非空断言运算符时需要非常小心，确保变量的值不会为 null 或 undefined。

相关问题

vue2 uniapp app项目，没有使用typescirpt,怎么引入和使用eslint,请提供详细教程

1. 安装ESLint
在项目根目录下，运行以下命令来安装ESLint：

npm install eslint --save-dev

2. 配置ESLint
在项目根目录下，创建一个名为`.eslintrc.js`的文件，并添加以下内容：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  }
}

该配置文件包含了一些基本的配置，例如使用Babel解析器、使用Vue插件等。

3. 配置VSCode
如果你使用的是VSCode编辑器，可以在编辑器中安装ESLint插件。在VSCode中按下`Ctrl + Shift + X`打开插件面板，搜索并安装`ESLint`插件。

4. 配置VSCode自动修复
为了方便地修复代码中的ESLint错误，可以配置VSCode在保存文件时自动修复错误。在VSCode中按下`Ctrl + Shift + P`打开命令面板，搜索`Preferences: Open User Settings`并选择它。在打开的配置文件中添加以下内容：

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

这样，每次保存文件时，VSCode就会自动修复ESLint错误。

5. 在命令行中使用ESLint
在项目根目录下，运行以下命令来检查代码中的ESLint错误：

npx eslint src

其中，`src`是你的源代码目录。

6. 集成ESLint到构建工具中
如果你使用的是Webpack或者Rollup等构建工具，可以集成ESLint到构建工具中，在构建时自动检查代码中的ESLint错误。具体实现方法可以参考ESLint官方文档。

vue3 + typescirpt 项目下的 type 文件 和 .d.ts 作用分别是干什么的

在 Vue3 + TypeScript 项目中，`.d.ts` 文件和`type`文件的作用都是用来声明 TypeScript 类型的。

`.d.ts` 文件是 TypeScript 的声明文件，用于声明全局变量、全局函数、全局类型等。在 Vue3 中，我们可以使用 `.d.ts` 文件来声明 Vue 组件的 props、data、methods 等属性的类型：

declare module '*.vue' {
  import { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

在上面的例子中，我们使用了 `declare` 关键字来声明一个模块，并使用 `module` 关键字来指定模块的名称。这个模块的作用是声明 Vue 组件的类型，其中 `DefineComponent` 是 Vue.js 提供的一个类型，用于定义组件的 props、data、methods 等属性的类型。

而 `type` 文件则是用来声明局部类型的。在 Vue3 中，我们可以使用 `type` 关键字来定义局部类型，比如：

type User = {
  name: string,
  age: number
}

const user: User = {
  name: 'John',
  age: 20
}

在上面的例子中，我们使用 `type` 关键字定义了一个 `User` 类型，并使用它来声明 `user` 对象的类型。

总的来说，`.d.ts` 文件和 `type` 文件都是用来声明 TypeScript 类型的，不同的是 `.d.ts` 文件用于声明全局类型，而 `type` 文件用于声明局部类型。