12. class Hero {
constructor(name){
this.name = name;
}
say (){
console.log(this.name + "参上");
}
}
var hero = new Hero("さうざー");
hero.say();
var _createClass = 省略・・
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError(
"Cannot call a class as a function");
}
}
var Hero = (function () {
function Hero(name) {
_classCallCheck(this, Hero);
this.name = name;
}
_createClass(Hero, [{
key: "say",
value: function say() {
console.log(this.name + "参上");
}
}]);
return Hero;
})();
var hero = new Hero("さうざー");
hero.say();
Classes
13. class Hero {
constructor(name){
this.name = name;
}
say (){
console.log(this.name + "参上");
}
}
class HokuKen extends Hero {
constructor(){
super("けんしろ");
}
say (){
console.log("お前はもう○○だ");
super.say();
}
}
var hokuken = new HokuKen();
hokuken.say();
var _createClass = 省略・・
function _classCallCheck 省略…
var _get = 省略…
function _inherits省略…
var HokuKen = (function (_Hero) {
function HokuKen() {
_classCallCheck(this, HokuKen);
_get(
Object.getPrototypeOf(HokuKen.prototype),
"constructor", this).
call(this, "けんしろ");
}
_inherits(HokuKen, _Hero);
_createClass(HokuKen, [{
key: "say",
value: function say() {
console.log("お前はもう○○だ");
_get(
Object.getPrototypeOf(
HokuKen.prototype
), "say", this).call(this);
}
}]);
return HokuKen;
})(Hero);
var hokuken = new HokuKen();
hokuken.say();
Classes -extends-
17. // Template Strings
// Multiline strings
var hello = `こんちは
せかい!`;
console.log(hello);
// Interpolate variable bindings
var name = "たろう", food = "すし";
console.log(`Hello ${name}, ${food} 食う?`);
// Template Strings
// Basic literal string creation
"use strict";
// Multiline strings
var hello = "こんちは n せかい!";
console.log(hello);
// Interpolate variable bindings
var name = "たろう",
food = "すし";
console.log(
"Hello " + name + ", " + food + " 食う?");
Template Strings
18. // list matching
var [goku, ,bejita] = [80,50,70];
// object matching
var {
name: targetNm,
option: { op: targetOption }
} = getTarget();
// object matching shorthand
// binds `op`, `lhs` and `rhs` in scope
var {name, option} = getTarget();
// Can be used in parameter position
function eat({food: f, times: t}) {
console.log(`${f}を${t}回食べたい`);
}
eat({food: "すし", times: 2})
// Fail-soft destructuring
var [hogehoge] = [];
// hogehoge === undefined;
// Fail-soft destructuring with defaults
var [fugafuga = "OK"] = [];
// fugafuka === "OK";
// list matching
var _ref = [80, 50, 70];
var goku = _ref[0];
var bejita = _ref[2];
// object matching
var _getTarget = getTarget();
var targetNm = _getTarget.name;
var targetOption = _getTarget.option.op;
// object matching shorthand
// binds `op`, `lhs` and `rhs` in scope
var _getTarget2 = getTarget();
var name = _getTarget2.name;
var option = _getTarget2.option;
// Can be used in parameter position
function eat(_ref2) {
var f = _ref2.food;
var t = _ref2.times;
console.log("" + f + "を" + t + "回食べたい");
}
eat({ food: "すし", times: 2 });
// Fail-soft destructuring
var _ref3 = [];
var hogehoge = _ref3[0];
// Fail-soft destructuring with defaults
var _ref4 = [];
var _ref4$0 = _ref4[0];
var fugafuga = _ref4$0 === undefined ? "OK" : _ref4$0;
Destructuring
19. // Default Params
function cal(x, y = 2) {
return x * y;
}
console.log(cal(3)); // 3*2=>6
// Rest Params
function entry(own, ...list) {
list.forEach(
(item)=>
console.log(`${own}は ${item} 持ってる`)
);
}
entry("スネヲ", "くるま", "ひこうき", "ふね");
// Spread Operator
function foge(x, y, z) {
return x * y * z;
}
console.log(foge(...[2, 3, 4])); // == 24
// Default Params
"use strict";
function cal(x) {
var y = arguments[1] === undefined ?
2 : arguments[1];
return x * y;
}
console.log(cal(3)); // 3*2=>6
// Rest Params
function entry(own) {
for (var _len = arguments.length,
list = Array(_len > 1 ? _len - 1 : 0),
_key = 1; _key < _len; _key++
) {
list[_key - 1] = arguments[_key];
}
list.forEach(function (item) {
return
console.log(""+own+"は "+item+" 持ってる");
});
}
entry("スネヲ", "くるま", "ひこうき", "ふね");
// Spread Operator
function foge(x, y, z) {
return x * y * z;
}
console.log(foge.apply(undefined, [2, 3, 4]));
// == 24
Default + Rest + Spread
20. //
// Let
//
var varX = 10;
let letX = 20;
{
var varX = 1;
let letX = 2;
console.log(varX, letX);
}
console.log(varX, letX);
//
// const
//
const ON = 1;
ON = 0; // => error!
//=> "ON" is read-only
"use strict";
var varX = 10;
var letX = 20;
{
var varX = 1;
var _letX = 2;
console.log(varX, _letX);
}
console.log(varX, letX);
//
// const
//
var ON = 1;
ON;
let ,const