在TypeScript中，不能使用const关键字来声明类属性。这样做会导致编译器报错“类成员不能有'const'关键字”。
我发现自己需要在代码中明确指出不应该更改某个属性。我希望IDE或编译器在声明属性后，如果我试图将新值赋给属性时出错。你们是怎么做到的?
我目前正在使用只读属性，但我想知道是否有更好的方法:
get MY_CONSTANT():number {return 10};
我使用的是typescript 1.8。建议吗?
PS:我现在使用的是typescript 2.0.3，所以我接受了David的答案
当前回答
Angular 2提供了一个非常好的特性，叫做Opaque Constants。 创建一个类并使用不透明常量定义其中的所有常量。
import { OpaqueToken } from "@angular/core";
export let APP_CONFIG = new OpaqueToken("my.config");
export interface MyAppConfig {
apiEndpoint: string;
}
export const AppConfig: MyAppConfig = {
apiEndpoint: "http://localhost:8080/api/"
};
将它注入到提供商中 app.module.ts
您将能够跨每个组件使用它。
Angular 4的编辑:
对于Angular 4，新概念是注入令牌&不透明令牌在Angular 4中已弃用。
注入令牌在不透明令牌的基础上增加了功能，它允许通过TypeScript泛型在令牌上附加类型信息，加上注入令牌，不需要添加@Inject
示例代码
使用不透明令牌
const API_URL = new OpaqueToken('apiUrl'); //no Type Check
providers: [
{
provide: DataService,
useFactory: (http, apiUrl) => {
// create data service
},
deps: [
Http,
new Inject(API_URL) //notice the new Inject
]
}
]
Angular 4使用注入令牌
const API_URL = new InjectionToken<string>('apiUrl'); // generic defines return value of injector
providers: [
{
provide: DataService,
useFactory: (http, apiUrl) => {
// create data service
},
deps: [
Http,
API_URL // no `new Inject()` needed!
]
}
]
注入令牌在逻辑上是在Opaque令牌之上设计的，而Opaque令牌在Angular 4中已弃用。
其他回答
Angular 2提供了一个非常好的特性，叫做Opaque Constants。 创建一个类并使用不透明常量定义其中的所有常量。
import { OpaqueToken } from "@angular/core";
export let APP_CONFIG = new OpaqueToken("my.config");
export interface MyAppConfig {
apiEndpoint: string;
}
export const AppConfig: MyAppConfig = {
apiEndpoint: "http://localhost:8080/api/"
};
将它注入到提供商中 app.module.ts
您将能够跨每个组件使用它。
Angular 4的编辑:
对于Angular 4，新概念是注入令牌&不透明令牌在Angular 4中已弃用。
注入令牌在不透明令牌的基础上增加了功能，它允许通过TypeScript泛型在令牌上附加类型信息，加上注入令牌，不需要添加@Inject
示例代码
使用不透明令牌
const API_URL = new OpaqueToken('apiUrl'); //no Type Check
providers: [
{
provide: DataService,
useFactory: (http, apiUrl) => {
// create data service
},
deps: [
Http,
new Inject(API_URL) //notice the new Inject
]
}
]
Angular 4使用注入令牌
const API_URL = new InjectionToken<string>('apiUrl'); // generic defines return value of injector
providers: [
{
provide: DataService,
useFactory: (http, apiUrl) => {
// create data service
},
deps: [
Http,
API_URL // no `new Inject()` needed!
]
}
]
注入令牌在逻辑上是在Opaque令牌之上设计的，而Opaque令牌在Angular 4中已弃用。
所有带有readonly的回复只适用于纯TS环境——如果它曾经被做成库，那么这实际上不会阻止任何事情，它只是为TS编译器本身提供警告。
静态也是不正确的——那是向类添加方法，而不是类的实例——所以你需要直接寻址它。
有几种方法可以管理这一点，但纯TS的方法是使用getter—就像您已经做的那样。
另一种方法是把它作为只读，但然后使用Object.defineProperty来锁定它-这几乎是通过getter完成的相同的事情，但你可以锁定它有一个值，而不是一个方法来获取它-
class MyClass {
MY_CONSTANT = 10;
constructor() {
Object.defineProperty(this, "MY_CONSTANT", {value: this.MY_CONSTANT});
}
}
默认情况下是只读的，但是查看文档了解更多细节。
你可以在你的声明中用只读修饰符标记属性:
export class MyClass {
public static readonly MY_PUBLIC_CONSTANT = 10;
private static readonly myPrivateConstant = 5;
}
@see TypeScript Deep Dive book - Readonly
TypeScript 2.0有readonly修饰符:
class MyClass {
readonly myReadOnlyProperty = 1;
myMethod() {
console.log(this.myReadOnlyProperty);
this.myReadOnlyProperty = 5; // error, readonly
}
}
new MyClass().myReadOnlyProperty = 5; // error, readonly
它不是一个确切的常数，因为它允许在构造函数中赋值，但这很可能不是一个大问题。
可选择的解决方案
另一种方法是使用static关键字和readonly:
class MyClass {
static readonly myReadOnlyProperty = 1;
constructor() {
MyClass.myReadOnlyProperty = 5; // error, readonly
}
myMethod() {
console.log(MyClass.myReadOnlyProperty);
MyClass.myReadOnlyProperty = 5; // error, readonly
}
}
MyClass.myReadOnlyProperty = 5; // error, readonly
这样做的好处是不能在构造函数中赋值，只存在于一个地方。
对我来说，之前的答案都不管用。我确实需要将静态类转换为enum。 是这样的:
export enum MyConstants {
MyFirstConstant = 'MyFirstConstant',
MySecondConstant = 'MySecondConstant'
}
然后在我的组件中，我添加了其他答案中建议的新属性
export class MyComponent {
public MY_CONTANTS = MyConstans;
constructor() { }
}
然后在我的组件模板中，我这样使用它
<div [myDirective]="MY_CONTANTS.MyFirstConstant"> </div>
编辑:对不起。我的问题和OP的不同。如果别人有和我一样的问题，我还是会把它留在这里。
