Functions without ”function”
With the release of ES2015 comes three new ways to create functions in JavaScript. // Arrow functions const add = (x, y) => { return x + y }// Concise methods const MathUtils = { add (x, y) { return x + y } }// Classes class Point { constructor (x, y) { this.x = x this.y = y } }// Turns out, `Point` is still just a function.People have a great time pointing at JavaScript and sarcastically saying t
StrongLoop - Making the most of JavaScript’s “future” today with Babel
Making the most of JavaScript’s “future” today with Babel by Marc Harter Jul 30, 2015 / Community, How-To, JavaScript Language From CoffeeScript to ClojureScript to PureScript to CobolScript to DogeScript (woof woof!), JavaScript is the write-once-run-anywhere target for many forms and styles of programming. Yet, its biggest compile-to-language today actually isn’t any of these adaptations; its Ja
ECMAScript 6 Power Tutorial: Class and Inheritance | Envato Tuts+
I’d like to share with you a series of articles about ECMAScript 6, sharing my passion for it and explaining how it can work for you. I hope you enjoy reading them as much as I did writing them. First, I work in Microsoft on the browser rendering engine for Microsoft Edge, which is a vast improvement over the Internet Explorer engine we got to know (and love?) over the years. My personal favorite
ES6 In Depth: Destructuring – Mozilla Hacks - the Web developer blog
ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. Editor’s note: An earlier version of today’s post, by Firefox Developer Tools engineer Nick Fitzgerald, originally appeared on Nick’s blog as Destructuring Assignment in ES6. What is destructuring assignment? Destructuring assignment allows you t
ES6 In Depth: Arrow functions – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Kyle Simpson I think there are several things about arrow functions not mentioned here that should have been. 1. all the new ES6 parameter forms, like default values,
How to create Abstract base class in JavaScript that can't be Instantiated
I have a class function Node() { //implementation } and another class function AttributionalNode() { this.prototype.setAttr = function (attr) { this.atText = attr; }; } AttributionalNode.prototype = new Node(); AttributionalNode.prototype.constructor = AttributionalNode; How to make class Node() so it can't be instantiated? e.g when I try var node = new Node(); So it throws an Exception?
ECMAScript 6ドラフトのDiff検索用リポジトリを作った
タイトルから何を言ってるのか意味わからない気がするので順を追って解説。 スライド版: ECMAScript 6 Draft Hisotry Repo 2015-05-07現在、ES6の仕様はApril 14, 2015 Rev 38 Final Draftが公開されています。 Rev38とわかるようにドラフトは38回ぐらい更新されていて、ちょっとづつ追記されたり変更されたりして結構な変更履歴があります。 Growing #ECMAScript 2015(ES6) Drafts :) pic.twitter.com/tV60cjdmM8 — azu (@azu_re) May 3, 2015 これだけ長い間(4年ぐらい?)やってるとある時点では正しかったかもしれないけど、最終版では違うものになってるという挙動があったりします。 例えば、class構文で以下のようにして定義したmethod()
2015-04-20のJS: ECMAScript6最終ドラフト、JavaScriptトレーニング
JSer.info #224 - 次期ECMAScriptであるES6 Rev 38 Final Draftがリリースされました。 Final Draft of the ECMAScript 2015 Language Specification (ES6) is now available at http://t.co/pcHkz1muWu Next step: Ecma GA approval vote — Allen Wirfs-Brock (@awbjs) April 16, 2015 ECMAへ提出されて2015年の6月のECMAのミーティングにて承認されれば、ECMA標準として公開される予定になっています。 2014-06-09のJSの際にES6のリリース次期が変更されていましたが、この変更した通りに進んでいるようです。 (図は2014-06-09時点のもの) ＊画像が横に長い
JavaScript — Just another introduction to ES6
From ES6 the awesome partsJavaScript is gathering a lot of attention since news of Microsoft, IBM and the Linux Foundation announced their support to Node.js just few days ago. It is overdue to bring 2015 modern language features to JavaScript and ES6 is trying to do just that. Some frameworks like Angular 2.0 are early adopters of ES6 In this post I am going to introduce you to some of these feat
Exploring JS: JavaScript books for programmers
Most of the books are free to read online! You can also buy offline versions. Versions of JavaScript “ES” stands for “ECMAScript” (ES6 is ECMAScript 6, etc.). ECMAScript is standard name for JavaScript. Essential JavaScript and TypeScript books
Classes in ECMAScript 6 (final semantics)
Warning: This blog post is outdated. Instead, read chapter “Classes” in “Exploring JavaScript”. Recently, TC39 decided on the final semantics of classes in ECMAScript 6 [1]. This blog post explains how their final incarnation works. The most significant recent changes were related to how subclassing is handled. Overview # class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { re
ES6 JavaScript — The less weird parts
A couple of months ago I wrote about “JavaScript — The weird parts”. It was very well received and I thank everybody who recommended, shared and commented. In this short follow-up I’d like to go over some of those weird parts and how ES6 — the next version of JavaScript — makes some of those things easier. Keep in mind that ES6 is backwards compatible. That means that old weirdness will still be a
ESLint 0.12.0 released - ESLint - Pluggable JavaScript Linter
Published 17 Jan, 2015 under Release Notes ESLint 0.12.0 released We just pushed ESLint 0.12.0, which is a minor release upgrade. This release includes new features and bug fixes. Highlights This is a summary of the major changes you need to know about for this version of ESLint. Partial ECMAScript 6 support 0.12.0 introduces support for several ECMAScript 6 features, including: let and const Regu
テンプレートリテラルが実装された - JS.next
概要 テンプレート文字列を記述できる構文が実装された。 テンプレートリテラル 基本の使い方 バッククオート『 ` 』で囲んだ文字が、文字列リテラル同様に文字列として評価される。 var t = `テンプレート` var s = "テンプレート" console.log(t) // "テンプレート" console.log(t == s) // true 改行がそのまま認識される。 var t = `テンプ レート` var s = "テンプ\n"+ "レート" console.log(t) // "テンプ⏎レート\t" console.log(t == s) // true 文字列中に変数などを埋め込む リテラル中の『${』と『}』で囲まれた部分は式として評価される。 var n = 123, f = () => 339 var t = `0${ n }45${ f() * 2 }9` v
superキーワードについて - JS.next
概要 長らく予約語であったsuperキーワードが、継承元の関数を呼ぶためのキーワードとして機能するようになった。 ２種類の使い方 superキーワードは場所によって２種類の使い方があり、それぞれ違う振る舞いをする。 １つ目はコンストラクタ内で使う場合、２つ目はメソッド内で使う場合である。 コンストラクタ内で使う場合 ここでいうコンストラクタとは、Class構文中のconstructorメソッドのことである。 この場合、「super()」や「new super」などとすることにより、その関数のプロトタイプである関数を呼ぶことができる。 そして、 呼び出し先が返した値が以後呼び出し元のthisとして使われる。 つまり、Animalコンストラクタを継承したCatコンストラクタを定義したい以下の例だと、 function Animal( name ) { this.name = name } fu
Class構文について - JS.next
概要 待ち焦がれた人も多いことだろう。ES2015の一番の目玉機能とも言えるクラス構文が、ついにV8でサポートされた。 Class構文は、『関数（コンストラクタ）定義』＋『.prototypeへのメソッド定義』の糖衣構文である。 JSで今まで様々に工夫されてきたクラスの書き方を、綺麗に統一してくれる可能性を秘めている。 クラスを作る 従来、Catクラスを作ろうとした場合このように書いてきた。 function Cat(name) { this.name = name } Cat.prototype.meow = function () { alert( this.name + 'はミャオと鳴きました' ) } しかしこの書き方だとどうしても、コンストラクタとメソッドの定義が分離されているため、クラスとしてまとまりがなく分かりづらく感じる。 メソッドが増えてきた時も、Cat.prototyp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ECMAScript 6 in theory and practice