Как реализовать константы класса в машинописном тексте?

Question

В TypeScript ключевое слово const не может использоваться для объявления свойств класса. Это приводит к ошибке компилятора: «Член класса не может иметь ключевое слово« const ».

Мне нужно четко указать в коде, что свойство не должно изменяться. Я хочу, чтобы IDE или компилятор ошибся, если я попытаюсь присвоить новое значение свойству после его объявления. Как вы, ребята, это достигаете?

настоящее время я использую свойство только для чтения, но я новичок в машинописном (и JavaScript) и интересно, есть ли лучший способ:

get MY_CONSTANT():number {return 10}; 

Я использую машинописный 1.8. Предложения?

PS: Я сейчас, используя машинописный 2.0.3, поэтому я принял ответ Давида

Answer 1

машинопись 2,0 имеет readonly modifier:

class MyClass { 
    readonly myReadonlyProperty = 1; 

    myMethod() { 
     console.log(this.myReadonlyProperty); 
    } 
} 

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 

Это имеет преимущество, не будучи назначаемыми в конструкторе и существует только в одном месте.

Answer 2

Константы могут быть объявить вне классов и использовать в своем классе. В противном случае get свойства является хорошей Обойти

const MY_CONSTANT: string = "wazzup"; 

export class MyClass { 

    public myFunction() { 

     alert(MY_CONSTANT); 
    } 
} 

Answer 3

Угловой 2 Обеспечивает очень приятную функцию, называемую непрозрачными константами. Создать класс & Определить все константы там, используя непрозрачные константы.

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

Вы сможете использовать его через каждые компонентов.

EDIT для угловых 4:

Для угловых 4 новой концепции Injection Токен & Непрозрачной лексемы Устаревший в угловых 4.

Injection Токен добавляет функциональные возможности поверх непрозрачной лексем, позволяет прикрепить тип информации о маркере через машинопись дженериков, плюс Injection лексем, устраняет необходимость добавления @Inject

Пример кода

Угловой 2 Использование непрозрачных Лексем

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 
    ] 
    } 
] 

Угловой 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! 
    ] 
    } 
] 

Инъекции маркеры разработаны логически поверх непрозрачных жетонов & непрозрачные жетоны осуждаются в угловых 4.

Answer 4

Вы можете отметить свойства с readonly модификатора в вашем объявлении:

export class MyClass { 
    public static readonly MY_PUBLIC_CONSTANT = 10; 
    private static readonly myPrivateConstant = 5; 
} 

@see TypeScript Deep Dive book - Readonly

Answer 5

Либо используйте модификатор readOnly с константой, которую нужно объявить, либо можно объявить константу вне класса и использовать ее специально только в требуемом классе, используя оператор get.