Typescript笔记-计算属性


直接贴代码,方便记忆。目前能想到的几种使用计算属性的写法

const dyFunc = 'DyFunc';
const dyName = 'DyName';
const dySymbol = Symbol('DySymbolName');
//const dySymbol2 = dySymbol;
//const dySymbol1 = Symbol.iterator;
interface TT { ///class 类似
[dyFunc](): string;
[dyName]: string;
[dySymbol]: string;
Symbol.iterator: string;
// dySymbol1: string; 为了保证Symbol不重复利用,这样的写法编译器是禁止的
// dySymbol2: string;
}
let a: TT = {
///计算函数
DyFunc() {
return '123';
},
//计算属性
DyName: 'name',
[dySymbol]: 'DySymbolName',
[Symbol.iterator]: () => '1'
};
let x = {
[dyName]: 1
};
let y: {
[dyName]: string
} = {
DyName: 'dyNameText'
};
console.log(a[dyName]);
console.log(a[dyFunc]());
console.log(x[dyName]);
console.log(y[dyName]);


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM