TypeScript ReadonlyArray(只读数组类型) 详细介绍

1、ReadonlyArray 简介

在TypeScript中,除了Array类型,还有一个ReadonlyArray类型,ReadonlyArray类型和Array 类型很相似,但它是一个特殊的类型,用于生成不应该被更改的数组。

 

通过Array声明的数组是可以修改的,例如:

let fruits: Array = ['草莓', '樱桃','苹果']

console.log(' fruits', fruits)  // ['草莓', '樱桃','苹果']

// 修改数组项

fruits[0] = '西瓜'

console.log(' fruits', fruits) //  ["西瓜", "樱桃", "苹果"]

 

而通过ReadonlyArray声明的数组不能被修改,如下代码所示:

let fruits: ReadonlyArray = ['草莓', '樱桃','苹果']

fruits[0] = '西瓜' 
// error,类型“readonly string[]”中的索引签名仅允许读取

fruits.push('西瓜')   
// error,类型“readonly string[]”上不存在属性“push”, 也没有push方法 

2、ReadonlyArray 简写方式

正如TypeScript为Array提供了简写方式Type[],TypeScript也为ReadonlyArray提供了简写方式,写法为:readonly Type[]

例如:

let fruits: ReadonlyArray =  ['草莓', '樱桃','苹果']

// 可以简写为
let fruits: readonly string[] = ['草莓', '樱桃','苹果']

3、ReadonlyArray 赋值方式

我们可以将常规的Array类型数组分配给ReadonlyArray,但是不能将ReadonlyArray类型分配给Array类型。

let x:readonly string[]  = ['苹果']
let y:string[]  = ['香蕉']

x = y
// 可以将常规Array类型值赋值给ReadonlyArray 类型

console.log('x',x)
// x ['香蕉']

y = x
// 不能将ReadonlyArray类型分配给Array类型

 

出错的原因分析:类型readonly string[]为只读类型,不可分配给可变类型 string[]

 

4、提示:ReadonlyArray只作为类型使用, 不能当成构造函数使用

 与Array类型不同, ReadonlyArray只作为类型使用, 不能当成构造函数使用,如下所示:

new ReadonlyArray('草莓', '樱桃','苹果')

// error: ReadonlyArray 仅表示类型, 但是这里作为值使用

 而Array不仅仅是TypeScript中的类型, 还是JavaScript中的构造函数:

new Array('草莓', '樱桃','苹果')
// ok

 5、参考

http://www.mybatis.cn/typescript/index.html

原文链接:,转发请注明来源!