ТЕМА: es6 в mv (с помощью grunt и babel)

module.exports = (grunt)->
  grunt.initConfig 
    pkg: grunt.file.readJSON('package.json'),
 
    babel:
      simpleBabel:
        options:
          babelrc: true
        files:
          'dest/test_babel.js': 'src/test_babel.js'
      decoratorBabel:
        options:
          babelrc: true
        files:
          'dest/test_decorator.js': 'src/test_decorator.js'
 
    coffee:
      compileBare:
        options:
          bare: true
        files:
          'dest/test_coffee.js': 'src/test_coffee.coffee'
 
    watch:
      coffee: 
        files: ['src/*.coffee']
        tasks: ['coffee']
        options: 
          spawn: false
      babel: 
        files: ['src/*.js']
        tasks: ['babel']
        options: 
          spawn: false
 
  grunt.loadNpmTasks('grunt-babel')
  grunt.loadNpmTasks('grunt-contrib-coffee')
  grunt.loadNpmTasks('grunt-contrib-watch')
 
  grunt.registerTask('default', ['watch'])

    babel:
      simpleBabel:
        options:
          babelrc: true
        files:
          'dest/test_babel.js': 'src/test_babel.js'
      decoratorBabel:
        options:
          babelrc: true
        files:
          'dest/test_decorator.js': 'src/test_decorator.js'

// Стрелочные функции
 
function log(msg) {
  const print = (...args) => console.log(args[0]);
  print(`LOG: ${msg}`);
}
 
log('hello'); // LOG: hello
 
// Классы
 
class Task {
    constructor() {
        console.log("Создан экземпляр task!");
    }
 
    showId() {
        console.log(23);
    }
 
    static loadAll() {
        console.log("Загружаем все tasks...");
    }
}
 
console.log(typeof Task); // function
let task = new Task(); // "Создан экземпляр task!"
task.showId(); // 23
Task.loadAll(); // "Загружаем все tasks..."
 
class Car {
    constructor() {
        console.log("Создаём новый автомобиль");
    }
}
 
class Porsche extends Car {
    constructor() {
        super();
        console.log("Создаём Porsche");
    }
}
 
let c = new Porsche();
// Создаём новый автомобиль
// Создаём Porsche

"use strict";
 
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 
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"); } }
 
// Стрелочные функции
 
function log(msg) {
    var print = function print() {
        return console.log(arguments.length <= 0 ? undefined : arguments[0]);
    };
    print("LOG: " + msg);
}
 
log('hello'); // LOG: hello
 
// Классы
 
var Task = function () {
    function Task() {
        _classCallCheck(this, Task);
 
        console.log("Создан экземпляр task!");
    }
 
    _createClass(Task, [{
        key: "showId",
        value: function showId() {
            console.log(23);
        }
    }], [{
        key: "loadAll",
        value: function loadAll() {
            console.log("Загружаем все tasks...");
        }
    }]);
 
    return Task;
}();
 
console.log(typeof Task === "undefined" ? "undefined" : _typeof(Task)); // function
var task = new Task(); // "Создан экземпляр task!"
task.showId(); // 23
Task.loadAll(); // "Загружаем все tasks..."
 
var Car = function Car() {
    _classCallCheck(this, Car);
 
    console.log("Создаём новый автомобиль");
};
 
var Porsche = function (_Car) {
    _inherits(Porsche, _Car);
 
    function Porsche() {
        _classCallCheck(this, Porsche);
 
        var _this = _possibleConstructorReturn(this, (Porsche.__proto__ || Object.getPrototypeOf(Porsche)).call(this));
 
        console.log("Создаём Porsche");
        return _this;
    }
 
    return Porsche;
}(Car);
 
var c = new Porsche();
// Создаём новый автомобиль
// Создаём Porsche

let logger = function(target, name, descriptor){
  let value = descriptor.value;
  descriptor.value = function(...args){
    console.log('invoke with args: ', ...args);
    let result = value(...args);
    console.log('result: ', result);
    return result;
  }
  return descriptor;
}
 
class Foo {
  @logger 
  bar(x, y, z) {
    return x + y + z;
  }
}
 
let foo = new Foo();
let result = foo.bar(1, 2, 3);
 
console.log('1 + 2 + 3:', result)

'use strict';
 
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; }; }();
 
var _desc, _value, _class;
 
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
  var desc = {};
  Object['ke' + 'ys'](descriptor).forEach(function (key) {
    desc[key] = descriptor[key];
  });
  desc.enumerable = !!desc.enumerable;
  desc.configurable = !!desc.configurable;
 
  if ('value' in desc || desc.initializer) {
    desc.writable = true;
  }
 
  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
    return decorator(target, property, desc) || desc;
  }, desc);
 
  if (context && desc.initializer !== void 0) {
    desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
    desc.initializer = undefined;
  }
 
  if (desc.initializer === void 0) {
    Object['define' + 'Property'](target, property, desc);
    desc = null;
  }
 
  return desc;
}
 
var logger = function logger(target, name, descriptor) {
  var value = descriptor.value;
  descriptor.value = function () {
    var _console;
 
    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
 
    (_console = console).log.apply(_console, ['invoke with args: '].concat(args));
    var result = value.apply(undefined, args);
    console.log('result: ', result);
    return result;
  };
  return descriptor;
};
 
var Foo = (_class = function () {
  function Foo() {
    _classCallCheck(this, Foo);
  }
 
  _createClass(Foo, [{
    key: 'bar',
    value: function bar(x, y, z) {
      return x + y + z;
    }
  }]);
 
  return Foo;
}(), (_applyDecoratedDescriptor(_class.prototype, 'bar', [logger], Object.getOwnPropertyDescriptor(_class.prototype, 'bar'), _class.prototype)), _class);
 
 
var foo = new Foo();
var result = foo.bar(1, 2, 3);
 
console.log('1 + 2 + 3:', result);

"use strict";
 
// Стрелочные функции
 
function log(msg) {
    var print = function print() {
        return console.log(arguments.length <= 0 ? undefined : arguments[0]);
    };
    print("LOG: " + msg);
}
 
log('hello'); // LOG: hello
 
// Классы
 
var Task = function () {
    function Task() {
        babelHelpers.classCallCheck(this, Task);
 
        console.log("Создан экземпляр task!");
    }
 
    babelHelpers.createClass(Task, [{
        key: "showId",
        value: function showId() {
            console.log(23);
        }
    }], [{
        key: "loadAll",
        value: function loadAll() {
            console.log("Загружаем все tasks...");
        }
    }]);
    return Task;
}();
 
console.log(typeof Task === "undefined" ? "undefined" : babelHelpers.typeof(Task)); // function
var task = new Task(); // "Создан экземпляр task!"
task.showId(); // 23
Task.loadAll(); // "Загружаем все tasks..."
 
var Car = function Car() {
    babelHelpers.classCallCheck(this, Car);
 
    console.log("Создаём новый автомобиль");
};
 
var Porsche = function (_Car) {
    babelHelpers.inherits(Porsche, _Car);
 
    function Porsche() {
        babelHelpers.classCallCheck(this, Porsche);
 
        var _this = babelHelpers.possibleConstructorReturn(this, (Porsche.__proto__ || Object.getPrototypeOf(Porsche)).call(this));
 
        console.log("Создаём Porsche");
        return _this;
    }
 
    return Porsche;
}(Car);
 
var c = new Porsche();
// Создаём новый автомобиль
// Создаём Porsche