我试图创建一个属性的获取和设置方法:
private _name: string;
Name() {
get:
{
return this._name;
}
set:
{
this._name = ???;
}
}
设置值的关键字是什么?
我试图创建一个属性的获取和设置方法:
private _name: string;
Name() {
get:
{
return this._name;
}
set:
{
this._name = ???;
}
}
设置值的关键字是什么?
当前回答
尽管TypeScript会分析属性的初始化,但如果你总是想自己处理这种情况,你可以在ts.config.json中将此设置设置为false。
{
"compilerOptions": {
"strict": true,
"strictPropertyInitialization": false
}
}
严格属性初始化- strictPropertyInitialization设置时 为true时,当类属性为时,TypeScript将引发错误 在构造函数中声明但未设置。
在这种情况下,您还应该考虑其他情况,您将在下面的链接中看到。
class UserAccount {
name: string;
accountType = "user";
email: string;//Property 'email' has no initializer and is not definitely assigned in the constructor.
address: string | undefined;
constructor(name: string) {
this.name = name;
// Note that this.email is not set
}
}
This.name是专门设置的。 这一点。默认设置为accountType。 这一点。未设置电子邮件并引发错误。 这一点。地址声明为潜在未定义,这意味着它不需要设置。
如果我们将strictPropertyInitialization设置为false,编译器不会引发错误
private _name : string;
public get name() : string {
return this._name;
}
public set name(v : string) {
this._name = v;
}
https://www.typescriptlang.org/docs/handbook/2/classes.html#--strictpropertyinitialization https://www.typescriptlang.org/tsconfig#strictPropertyInitialization
其他回答
TypeScript使用getter/setter语法,类似于ECMAScript4/ActionScript3。
class foo {
private _bar: boolean = false;
get bar(): boolean {
return this._bar;
}
set bar(value: boolean) {
this._bar = value;
}
}
然而,为了使用它,你必须确保TypeScript编译器的目标是ECMAScript5或更高。如果你正在运行命令行编译器,使用——target标志,像这样;
tsc --target ES5
如果你正在使用Visual Studio,你必须编辑你的项目文件,为TypeScriptCompile构建工具的配置添加标志。你可以在这里看到:
这将使用ECMAScript 5 Object.defineProperty()特性生成这个JavaScript。
var foo = (function () {
function foo() {
this._bar = false;
}
Object.defineProperty(foo.prototype, "bar", {
get: function () {
return this._bar;
},
set: function (value) {
this._bar = value;
},
enumerable: true,
configurable: true
});
return foo;
})();
最新版本的EcmaScript将生成更像原始TypeScript的代码。例如,针对EcmaScript2017将产生:
"use strict";
class foo {
constructor() {
this._bar = false;
}
get bar() {
return this._bar;
}
set bar(value) {
this._bar = value;
}
}
所以要使用它,
var myFoo = new foo();
if(myFoo.bar) { // calls the getter
myFoo.bar = false; // calls the setter and passes false
}
正如下面@DanFromGermany所建议的,如果你只是读写一个本地属性,比如foo。Bar = true,则setter和getter对是多余的。如果以后需要做一些事情,比如在读取或写入属性时,您总是可以添加它们。
getter可以用来实现只读属性。下面的示例还展示了getter如何与只读类型和可选类型交互。
//
// type with optional readonly property.
// baz?:string is the same as baz:string|undefined
//
type Foo = {
readonly bar: string;
readonly baz?: string;
}
const foo:Foo = {bar: "bar"}
console.log(foo.bar) // prints 'bar'
console.log(foo.baz) // prints undefined
//
// interface with optional readonly property
//
interface iFoo {
readonly bar: string;
readonly baz?: string;
}
const ifoo:iFoo = {bar: "bar"}
console.log(ifoo.bar) // prints 'bar'
console.log(ifoo.baz) // prints undefined
//
// class implements bar as a getter,
// but leaves off baz.
//
class iBarClass implements iFoo {
get bar() { return "bar" }
}
const iBarInstance = new iBarClass()
console.log(iBarInstance.bar) // prints 'bar'
console.log(iBarInstance.baz) // prints 'undefined'
// accessing baz gives warning that baz does not exist
// on iBarClass but returns undefined
// note that you could define baz as a getter
// and just return undefined to remove the warning.
//
// class implements optional readonly property as a getter
//
class iBazClass extends iBarClass {
private readonly _baz?: string
constructor(baz?:string) {
super()
this._baz = baz
}
get baz() { return this._baz; }
}
const iBazInstance = new iBazClass("baz")
console.log(iBazInstance.bar) // prints bar
console.log(iBazInstance.baz) // prints baz
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将被调用。
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是一个接受参数的函数,该参数的值就是被设置的值。
你可以这样写
class Human {
private firstName : string;
private lastName : string;
constructor (
public FirstName?:string,
public LastName?:string) {
}
get FirstName() : string {
console.log("Get FirstName : ", this.firstName);
return this.firstName;
}
set FirstName(value : string) {
console.log("Set FirstName : ", value);
this.firstName = value;
}
get LastName() : string {
console.log("Get LastName : ", this.lastName);
return this.lastName;
}
set LastName(value : string) {
console.log("Set LastName : ", value);
this.lastName = value;
}
}