JavaScript变成anyScript了

有很多梦想要实现

已于 2024-06-13 12:12:01 修改

阅读量804

点赞数 20

分类专栏： TypeScript 文章标签： javascript 开发语言 typescript

于 2024-06-13 12:05:38 首次发布

本文链接：https://blog.csdn.net/weixin_45134711/article/details/139650780

版权

12 篇文章 0 订阅

订阅专栏

any类型

使用 any 类型等同于使用纯 JavaScript 的开发方式，除非你是因为你的项目是旧版本的js
从集合论的角度看，any类型可以看成是所有其他类型的全集，包含了一切可能的类型。TypeScript 将这种类型称为“顶层类型”（top type），意为涵盖了所有下层。
使用 any 类型将失去 typescript 静态类型的强制检测
只有在描述一个根本不知道的类型时使用 any，会造成其他污染

可以将 any 视为所有类型的组合表示

var anyakun: string | boolean | number;
anyakun = "akun";
anyakun = true;
anyakun = 100;

下面是设置基本 any 的示例

let anyakun02: any;
//以下赋值不会报错
anyakun02 = "akun";
anyakun02 = 1999;
anyakun02 = true;
anyakun02 = [];
anyakun02 = {};
anyakun02 = class {};

在数组中使用 any 类型，可以设置任意类型的值

let anyakun03: any[] = ["akun.com", "akun", 2010, true];

也可以使用泛型的方式设置 any 类型数组

let anyakun04: Array<any> = ["akun.com", "akun", 2010, true];

为对象属性设置类型

// 对象
let anyakun05: {
  name: any;
  year: any;
};
//以下设置都不会报错
anyakun05 = { name: "akun", year: 2010 };
anyakun05 = { name: 2010, year: "akun" };

any 太过宽泛所以不建议使用，他会丢失 TS 的严格类型校验，比如下面的示例并不会报错

// //添加或使用不存的属性或者方法
let anyakun06: any;
anyakun06.get(); //不会报错

下面再来看一下对象的使用 any 类型造成的问题

// 示例
class anyakun07 {
  constructor() {}
  get = () => "akun";
}

const obj: any = new anyakun07();
console.log(obj.get()); //akun

所以上例需要指定正确的 akun类型，而不是使用 any

...
const obj:akun = new anyakun07 ;
...

能过设置 tsconfig.json 的 noImplicitAny=true 配置项，可以禁止隐含的 any 类型。以下代码会在编译时报错

$ tsc --noImplicitAny XXX.ts

function sum(a, b) {
  return a + b
}

📌这里有一个特殊情况，即使打开了noImplicitAny，使用let和var命令声明变量，但不赋值也不指定类型，是不会报错的。

//这种没有赋值的情况是不会报错的
var x; // 不报错
let y; // 不报错

上面示例中，变量x和y声明时没有赋值，也没有指定类型，TypeScript 会推断它们的类型为any。这时即使打开了noImplicitAny，也不会报错。

let x;

x = 123;
x = { foo: 'hello' };

上面示例中，变量x的类型推断为any，但是不报错，可以顺利通过编译。

由于这个原因，建议使用let和var声明变量时，如果不赋值，就一定要显式声明类型，否则可能存在安全隐患。

const命令没有这个问题，因为 JavaScript 语言规定const声明变量时，必须同时进行初始化（赋值）。

const x; // 报错

上面示例中，const命令声明的x是不能改变值的，声明时必须同时赋值，否则报错，所以它不存在类型推断为any的问题。

📌any类型除了关闭类型检查，还有一个很大的问题，就是它会“污染”其他变量。它可以赋值给其他任何类型的变量（因为没有类型检查），导致其他变量出错。

let x:any = 'hello';
let y:number;

y = x; // 不报错

y * 123 // 不报错
y.toFixed() // 不报错

上面示例中，变量x的类型是any，实际的值是一个字符串。变量y的类型是number，表示这是一个数值变量，但是它被赋值为x，这时并不会报错。然后，变量y继续进行各种数值运算，TypeScript 也检查不出错误，问题就这样留到运行时才会暴露。

污染其他具有正确类型的变量，把错误留到运行时，这就是不宜使用any类型的另一个主要原因。

关注

专栏目录