Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   ES6 классы и константы (https://javascript.ru/forum/misc/57857-es6-klassy-i-konstanty.html)

Lemme 23.08.2015 19:26

ES6 классы и константы
 
Реализовано нечто подобное (как в php)?

http://www.php.net/manual/ru/languag....constants.php

KosBeg 23.08.2015 19:39

Цитата:

Сообщение от Lemme
Реализовано нечто подобное (как в php)?

да :yes:
но класы напрямую юзать нельзя... поддержка отсутствует...
но есть Babel)))

KosBeg 23.08.2015 19:42

первое что загуглилось - https://gist.github.com/lpsBetty/2cadbb7f2e37888ad322
/**
 * Classes and Inheritance
 * Code Example from [url]http://www.es6fiddle.net/[/url]
 */
class Polygon {
  constructor(height, width) { //class constructor
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }

  sayName() { //class method
    console.log('Hi, I am a', this.name + '.');
  }
}

class Square extends Polygon {
  constructor(length=10) { // ES6 features Default Parameters
    super(length, length); //call the parent method with super
    this.name = 'Square';
  }

  get area() { //calculated attribute getter
    return this.height * this.width;
  }
}

let s = new Square(5);

s.sayName(); // => Hi, I am a Square.
console.log(s.area); // => 25

console.log(new Square().area); // => 100

/**
 * Classes and Inheritance
 * Code Example from [url]http://www.es6fiddle.net/[/url]
 */
'use strict';

var _get = function get(_x2, _x3, _x4) { var _again = true; _function: while (_again) { var object = _x2, property = _x3, receiver = _x4; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x2 = parent; _x3 = property; _x4 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

var Polygon = (function () {
  function Polygon(height, width) {
    _classCallCheck(this, Polygon);

    //class constructor
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }

  _createClass(Polygon, [{
    key: 'sayName',
    value: function sayName() {
      //class method
      console.log('Hi, I am a', this.name + '.');
    }
  }]);

  return Polygon;
})();

var Square = (function (_Polygon) {
  _inherits(Square, _Polygon);

  function Square() {
    var length = arguments.length <= 0 || arguments[0] === undefined ? 10 : arguments[0];

    _classCallCheck(this, Square);

    // ES6 features Default Parameters
    _get(Object.getPrototypeOf(Square.prototype), 'constructor', this).call(this, length, length); //call the parent method with super
    this.name = 'Square';
  }

  _createClass(Square, [{
    key: 'area',
    get: function get() {
      //calculated attribute getter
      return this.height * this.width;
    }
  }]);

  return Square;
})(Polygon);

var s = new Square(5);

s.sayName(); // => Hi, I am a Square.
console.log(s.area); // => 25

console.log(new Square().area); // => 100

Lemme 23.08.2015 19:46

KosBeg, да это я знаю. Можно пример?)

http://www.es6fiddle.net/idoq8gs2/
class MyClass {

  const CONSTANT = 'my constant value'; //error

  constructor(){
    console.log(CONSTANT);
  }
}


Может я выразился не совсем точно, но речь шла не о классах, а о константах, которые доступны во всем классе.

KosBeg 23.08.2015 19:58

немного помучав Babel я понял что внутри класса нельзя обьявить константу...
только так
const cont = 'my constant value'; // нет ошибки

class MyClass {

  constructor(){
    console.log(cont);
  }
}

Lemme 23.08.2015 20:04

KosBeg, и я об этом же :(

Erolast 24.08.2015 06:47

Класс - это тоже объект, так что ему можно назначать свойства (называются статическими, пример из стандартной библиотеки - Number.EPSILON):
class Dog {
  
}

Dog.size = 10;


Либо замыкания, да - тогда будет еще и "private".

tsigel 24.08.2015 11:28

Erolast,
Но к сожалению на замыкании не добиться наследования :(

nerv_ 24.08.2015 11:58

Цитата:

Сообщение от Lemme
Реализовано нечто подобное (как в php)?

в es6 данную "проблему" покрывают модули

если ты думаешь, что "модули" php и es6 одинаковы, ты ошибаешься :)
в php вообще нет модулей (насколько мне известно)

Erolast 24.08.2015 15:37

Цитата:

Сообщение от tsigel (Сообщение 385365)
Erolast,
Но к сожалению на замыкании не добиться наследования :(

Ну да, потому что это будет типа static private const property.


Часовой пояс GMT +3, время: 18:48.