Як реалізувати константи класу в машинопис?

У TypeScript constключове слово не може використовуватися для оголошення властивостей класу. Це призводить до помилки компілятора з "Класом не може бути ключове слово" const "."

Мені здається, що потрібно чітко вказати в коді, що властивість не слід змінювати. Я хочу, щоб IDE або компілятор помилилися, якщо я спробую призначити нове значення властивості, як тільки воно було оголошено. Як ви, хлопці, цього досягаєте?

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

get MY_CONSTANT():number {return 10};

Я використовую машинопис 1.8. Пропозиції?

PS: Зараз я використовую typecript 2.0.3, тому я прийняв відповідь Девіда

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

Це має перевагу в тому, що він не може бути призначений конструктору і існує лише в одному місці.

Константи можна декларувати поза класами та використовувати у вашому класі. В іншому випадку getвласність є хорошим способом вирішення

const MY_CONSTANT: string = "wazzup";

export class MyClass {

    public myFunction() {

        alert(MY_CONSTANT);
    }
}

Ви можете позначити властивості readonlyмодифікатором у своїй декларації:

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

@see Книга заглибленого заглиблення TypeScript - Readonly

Кутовий 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:

Для Angular 4 нова концепція - Injection Token & Opaque маркер застаріла в Angular 4.

Інжекційний маркер Додає функціональні можливості поверх непрозорих жетонів, він дозволяє приєднувати інформацію про тип до маркера через generics TypeScript, а також маркери ін'єкції, усуває необхідність додавання @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!
    ]
  }
]

Токени для ін'єкцій розроблені логічно поверх непрозорих жетонів, а маркери Opaque застарілі в куті 4.

Або використовувати модифікатор readOnly з постійною, яку потрібно декларувати, або можна оголосити константу за межами класу та використовувати її лише в необхідному класі за допомогою оператора get.

Для цього можна використовувати readonlyмодифікатор. Властивості об'єкта, які readonlyможуть бути призначені лише під час ініціалізації об'єкта.

Приклад у класах:

class Circle {
  readonly radius: number;

  constructor(radius: number) {
    this.radius = radius;
  }

  get area() {
    return Math.PI * this.radius * 2;
  }
}

const circle = new Circle(12);
circle.radius = 12; // Cannot assign to 'radius' because it is a read-only property.

Приклад в об'єктних літералах:

type Rectangle = {
  readonly height: number;
  readonly width: number;
};

const square: Rectangle = { height: 1, width: 2 };
square.height = 5 // Cannot assign to 'height' because it is a read-only property

Також варто знати, що readonlyмодифікатор - це суто конструкція машинопису, і коли TS компілюється в JS, конструкція не буде присутній у складеному JS. Коли ми змінюємо властивості, які тільки читаються, компілятор TS попередить нас про це (це дійсно JS).

Для мене жодна попередня відповідь не працює. Мені потрібно було перетворити свій статичний клас в перерахунок. Подобається це:

export enum MyConstants {
  MyFirstConstant = 'MyFirstConstant',
  MySecondConstant = 'MySecondConstant'
}

Потім у свій компонент я додаю нову властивість, як пропонується в інших відповідях

export class MyComponent {
public MY_CONTANTS = MyConstans;
constructor() { }
}

Потім у шаблоні мого компонента я використовую його таким чином

<div [myDirective]="MY_CONTANTS.MyFirstConstant"> </div>

EDIT: Вибачте. Моя проблема була іншою, ніж ОП. Я все одно залишаю це тут, якщо у когось інших проблем є, ніж у мене.