1

Мне нужно создать класс, но по какой то причине не могу понять как сделать публичные переменные. Мне нужны некоторое переменные к которым я бы постоянно обращался из различных методов в экземпляре класса, а так же мог иметь к ним доступ из вне. Делаю вот так:

 class testmaps
{
    var lat=88;
    var lon=55;
     mapStart(container) {
      alert(container+this.lat+this.lon);
    }
}

введите сюда описание изображения

Браузер пишет Uncaught SyntaxError: Unexpected identifier и подчеркивает var lat. Что я не так делаю, как надо?

5
  • вам же именно нужно использовать переменную данного класса? тогда this.lat и this.lon
    – Ajmda
    28 ноя 2016 в 4:58
  • @Ajmda не в этом суть проблемы, а в том что не могу объявить эти переменные
    – Geri4
    28 ноя 2016 в 5:02
  • тогда замените var на this. this.lat = 88 и тд
    – Ajmda
    28 ноя 2016 в 5:26
  • @Ajmda, простая замена не поможет - будет синтаксическая ошибка. их объявление должно быть в конструкторе
    – Grundy
    28 ноя 2016 в 6:43
  • @Grundy спасибо, возьму на заметку
    – Ajmda
    28 ноя 2016 в 7:23

2 ответа 2

9

Можете объявлять их в конструкторе

class MyClass {
    constructor() {
        this.a = 88;
        this.b = 55;
    }
    method() { return `${this.a} / ${this.b}`}
}
1
  • 1
    и это пока единственный метод
    – Grundy
    28 ноя 2016 в 6:42
1

В ECMAScript proposals(предложения на то чтобы добавить возможности в ECMAScript) stage 3(большая вероятность попасть в реализ) есть предложение о том чтобы добавить в классы публичные и приватные свойства и методы, а также публичные и приватные статические поля и методы.

Выглядит это вот так:

class MyClass {
    a = 'hi'
    true = false
    static b = 3
}

const instance = new MyClass()

console.log(instance.a, instance['true'], MyClass.b)

Более сложный пример:

class Counter extends HTMLElement {
  #xValue = 0;

  get #x() { return #xValue; }
  set #x(value) {
    this.#xValue = value; 
    window.requestAnimationFrame(this.#render.bind(this));
  }

  #clicked() {
    this.#x++;
  }

  constructor() {
    super();
    this.onclick = this.#clicked.bind(this);
  }

  connectedCallback() { this.#render(); }

  #render() {
    this.textContent = this.#x.toString();
  }
}
window.customElements.define('num-counter', Counter);

Это все можно использовать уже сегодня благодаря babel и его preset-stage-3!

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.