我试图创建一个属性的获取和设置方法:
private _name: string;
Name() {
get:
{
return this._name;
}
set:
{
this._name = ???;
}
}
设置值的关键字是什么?
我试图创建一个属性的获取和设置方法:
private _name: string;
Name() {
get:
{
return this._name;
}
set:
{
this._name = ???;
}
}
设置值的关键字是什么?
当前回答
下面是如何添加getter和setter的示例
class Person {
private _age: number;
private _firstName: string;
private _lastName: string;
public get age() {
return this._age;
}
public set age(theAge: number) {
if (theAge <= 0 || theAge >= 200) {
throw new Error('The age is invalid');
}
this._age = theAge;
}
public getFullName(): string {
return `${this._firstName} ${this._lastName}`;
}
}
其他回答
下面是如何添加getter和setter的示例
class Person {
private _age: number;
private _firstName: string;
private _lastName: string;
public get age() {
return this._age;
}
public set age(theAge: number) {
if (theAge <= 0 || theAge >= 200) {
throw new Error('The age is invalid');
}
this._age = theAge;
}
public getFullName(): string {
return `${this._firstName} ${this._lastName}`;
}
}
根据您所展示的示例,您希望通过get()传递一个数据对象并获取该对象的属性。为此需要使用泛型类型,因为数据对象是泛型的,可以是任何对象。
export class Attributes<T> {
constructor(private data: T) {}
get = <K extends keyof T>(key: K): T[K] => {
return this.data[key];
};
set = (update: T): void => {
// this is like spread operator. it will take this.data obj and will overwrite with the update obj
// ins tsconfig.json change target to Es6 to be able to use Object.assign()
Object.assign(this.data, update);
};
getAll(): T {
return this.data;
}
}
< T >指泛型类型。让我们初始化一个实例
const myAttributes=new Attributes({name:"something",age:32})
myAttributes.get("name")="something"
注意这个语法
<K extends keyof T>
为了能够使用这个,我们应该注意两件事:
1- in typestring字符串可以是一个类型。
2- javascript中所有对象属性本质上都是字符串。
当我们使用get()时,它接收的参数类型是传递给构造函数的对象属性,由于对象属性是字符串,并且字符串在typescript中允许是类型,我们可以使用这个<K extends keyof T>
TS提供了getter和setter,使对象属性能够更好地控制如何在对象外部访问(getter)或更新(setter)。不是直接访问或更新属性,而是调用代理函数。
例子:
class Person {
constructor(name: string) {
this._name = name;
}
private _name: string;
get name() {
return this._name;
}
// first checks the length of the name and then updates the name.
set name(name: string) {
if (name.length > 10) {
throw new Error("Name has a max length of 10");
}
this._name = name;
}
doStuff () {
this._name = 'foofooooooofoooo';
}
}
const person = new Person('Willem');
// doesn't throw error, setter function not called within the object method when this._name is changed
person.doStuff();
// throws error because setter is called and name is longer than 10 characters
person.name = 'barbarbarbarbarbar';
下面是一个工作示例,可以为你指明正确的方向:
class Foo {
_name;
get Name() {
return this._name;
}
set Name(val) {
this._name = val;
}
}
JavaScript中的getter和setter只是普通的函数。setter是一个接受参数的函数,该参数的值就是被设置的值。
Ezward已经提供了一个很好的答案,但我注意到其中一个评论问它是如何使用的。对于像我这样偶然遇到这个问题的人,我认为在Typescript网站上有一个关于getter和setter的官方文档的链接会很有用,因为它能很好地解释它,并希望在发生更改时始终保持最新,并显示示例用法:
http://www.typescriptlang.org/docs/handbook/classes.html
特别地,对于那些不熟悉它的人,请注意,在调用getter时不要合并'get'这个词(setter也是如此):
var myBar = myFoo.getBar(); // wrong
var myBar = myFoo.get('bar'); // wrong
你应该简单地这样做:
var myBar = myFoo.bar; // correct (get)
myFoo.bar = true; // correct (set) (false is correct too obviously!)
给定一个类:
class foo {
private _bar:boolean = false;
get bar():boolean {
return this._bar;
}
set bar(theBar:boolean) {
this._bar = theBar;
}
}
然后私有属性'_bar'的'bar' getter将被调用。