TypeScript 学习与总结

@sakila1012 2020-01-08 04:47:43发表于 sakila1012/blog

写在前面

最近项目中要使用TypeScript,趁着这个机会,把TypeScript学习一把,而且 vue 3.0 也是使用 TypeScript 写的,TypeScript还是要好好准备

使用介绍

TypeScript 错误property does not exist on type Object

var obj: Object = Object.create(null);
obj.value = "value";//[ts] Property 'value' does not exist on type'Object'.

这是因为Typescript在执行代码检查时在该对象没有定义相应属性,遇到该报错有以下几种解决方式:

1.将对象类型设置为any

这是是一种非常效率的解决办法,可以访问修改任何属性不会出现编译错误。具体代码如下

var obj: any = Object.create(null);
obj.value = "value";

###2.通过字符方式获取对象属性
这种方式有些hack的感觉,但是依然能解决编译错误的问题。具体代码如下:

var obj: Object = Object.create(null);
obj["value"] = "value";

3.通过接口定义对象所具有的属性

虽然较为繁琐,但却是最提倡的一种解决方式。通过接口声明对象后,所具有的属性值一目了然。具体代码如下:

var obj: ValueObject = Object.create(null);
obj.value = "value";

interface ValueObject {
  value?: string
}

4.使用断言强制执行

声明断言后,编译器会按断言类型去执行。具体代码如下:

var obj: Object = Object.create(null);
(obj as any).value = "value";

参考

  1. Vue3.0 前的 TypeScript 最佳入门实践
  2. 语法学习