次のタグが付いている話題の回答:

8
Accepted

「baz(() => this);」の「() => this」はどういう意味?

アロー関数と呼ばれるECMAScript 6で導入された構文で、「引数のないthisを返す無名関数」を作成しています。 前半の()は関数の仮引数宣言です。この場合は()ですので引数を取りませんが、一般的には(a, b, c, ..., z)のように宣言します。また引数が1個の場合a =>のように括弧を省略することが出来ます。 後半のthisは関数の本体で{ return this; }...
  • 1.4万
6
Accepted

ESでIterableなクラスを作る

プロパティ名がSymbol.iteratorシンボルであるメソッドを定義します。 また、Generator メソッドにすると楽です。 class A { *[Symbol.iterator]() { yield 1; yield 2; yield 3; } } const a = new A(); for (const item ...
  • 1,143
6
Accepted

"use strict" と ECMAScript6 の関係性について

ECMAScript 2015 (ES6) / ECMAScript 2016 でも Strict Mode の区別は継続します。 後方互換性のために、既存の振る舞いは変更できません。 ただ、後方互換性を考える必要が無い所はデフォルトで Strict Mode の振る舞いになります。 具体的には、 Class 定義の内部 Modules として読み込まれたコード全体 です。 Class ...
  • 1,143
5
Accepted

Promiseが状態を保持するInternal Slot [[PromiseState]]について

6.1.7.2 Object Internal Methods and Internal Slots に説明があります。それに基づくと回答は以下になります。 プロパティとは異なる? 異なります。 内部的な場所なので、意図的にアクセスすることはできない? できません。正確には、アクセスする方法は規定されていません。 ただし slot ...
  • 5,122
5
Accepted

letでの変数宣言では巻き上げが行われない?

MDNの説明より引用: ECMAScript 6 では let は変数をブロックの先頭へ引き上げます。しかし、その変数を宣言より前で参照することは ReferenceError を引き起こします。ブロックの始めから変数宣言が実行されるまで、変数は "temporal dead zone" の中にいるのです。 「巻き上げ(hoisting)は行われるが TDZ; Temporal Dead ...
  • 9,919
4
Accepted

「ジェネレーター」と「Symbol.iterator」は何が違うのでしょうか?

様々なオブジェクトが Iterator を通した反復をサポートすることを考えたとき、どのオブジェクトに対しても同じ方法で Iterator の取得が行えると便利です。そこで ES6 では Symbol を使い、foo[Symbol.iterator]() として Iterator を取得するように決めました。このようにして Iterator を取得できるオブジェクトを Iterable ...
  • 1.5万
4
Accepted

Promiseのthenメソッドは第2引数を指定しなくても、promiseが棄却済となった場合には必ず呼ばれるのでしょうか?

Promiseのthenメソッドは引数を省略した場合でも、コールバック関数が暗黙的に設定されます。これはEcmascript6の仕様で、ブラウザの独自実装ではありません。 このコードは、 hoge.then(function (m) { alert(m) }) hoge.catch(function (e) { alert("catch") alert(e) ...
  • 4,083
4
Accepted

変数からtemplate stringsを生成したい

無理だと思います。テンプレートリテラルは文字列リテラルとは違います。またテンプレートリテラル内の式表現は解決後の値でしかスクリプトから参照できないようです。テンプレートを動的に生成し評価させたいのなら、ソースコードを再評価させることになりますから、 eval を使用する方向になるでしょう。 同じようなテンプレートエンジンを自前で作るにしても、名前空間の仕組み上、...
3

ES5<=>ES6の変換ツール

ES6を、現行のブラウザで動くJavaScriptに変換するツールは、Babelなどの定番transpilerがありますね。 逆方向(JavaScriptをモダンに書き換える)は、ぐぐってみたらLebab というのを見つけました。
  • 1,985
3
Accepted

アロー関数 / 1行にまとめても式がふたつ以上なら中カッコが必要?

出力の順番を見てみると、うまくいっていないことがわかると思います。 質問文のコードは、要するに次のコードと同じです。 var a = 3; var b = 4; var add = (a, b) => console.log(a + b); console.log(a, b); // 3 4 add(a,b); // 7
  • 1,735
3
Accepted

const check = (user) => `Good ${user}` をアロー関数を使わずに書くとどうなる?

Arrow functions https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions (param1, param2, …, paramN) => expression // equivalent to: => { return ...
  • 2,790
2

ES5<=>ES6の変換ツール

ESLint の自動修正機能を使うのもひとつの手です。 no-var, prefer-const, prefer-arrow-callback, object-shorthand 等、自動修正によって ES5 のコードを ES2015 (ES6) に直してくれるルールがあります。 参考: ES6ルール一覧, ESLint最初の一歩
  • 1,143
2
Accepted

rails4でECMAScript6を利用するためにsprockets-es6を導入したがgeneratorsが利用できない

ドキュメントには書かれていないようですが、babel の polyfill をロードする必要があるようです。 application.js に下記の記述を加えたら動作しました。 //= require babel/polyfill rails 4.2.1 sprockets 3.2.0 sprockets-es6 0.6.2 browserify-rails 1.0.1
  • 346
2
Accepted

FirefoxのSpidermonkeyのコードの読み方

名前のままですが、functionはsrc/jsfun.cpp、Objectはsrc/jsobj.cppに実装があります。arrayなども同様です。 classについては、基本的に文法が追加されているだけなので機能としての実装は存在しません。強いて言うなら、src/frontend/Parser.cppでしょうか。
  • 4,083
2
Accepted

配列ではなくオブジェクトを「for … of」でループするにはどうすれば良いでしょうか?

for..of は Iterator と組み合わせるものであり、プロパティ名の列挙にはこれまで通り for..in を使う必要があります。 Array や Map は Iterator を提供している(Iterable)ので for...of が使えます。 これまでプロパティの列挙が for..in でできていた一方で、 arguments のような配列モドキや独自のコレクションを Array....
  • 1.5万
2
Accepted

ES6のimportで読み込んだライブラリを子ファイルにも適用したい

そのまま使うのは無理です JavaScriptのimportしたモジュールはモジュールごとに分割されています. 現状, import Foo from './Foo'; は const Foo = require('./Foo'); のほとんど構文糖衣です. そしてモジュールの変数はモジュールごとに分離されています. よって参照を共通させることは出来ません. これが出来てしまうと,...
  • 392
2

ES6: クラスの中でプロパティを変更する方法

オブジェクト指向プログラミングをサポートしている言語は、どの言語でも、静的メソッドからインスタンスを参照できません。質問にある例だと、もっとも簡単な解決策はvalidatePropメソッドを非静的メソッドにする方法です: class TestClass{ constructor(prop){ // ちなみに、パラメターを使ってからこれをバリデーションするのは変な書き方です ...
  • 207
2
Accepted

JavaScriptの各ブラウザ対応状況のチェック方法

コメント欄にてunaristさんから頂いた情報の通りとなりますが https://babeljs.io/docs/plugins/preset-env/ にてkangax‌​/compat-tableを元に定期生成されているものが https://github.com/babel/babel-preset-env/blob/master/data/built-ins.json ...
  • 1,968
1

JavaScriptのテンプレートリテラルのメリット

視認性向上のみで、テンプレートリテラル使えばよいと思います。 ESLint の fix オプションで自動変換もしてくれますよ。 https://eslint.org/docs/rules/prefer-template
1
Accepted

fetchメソッドで通信エラー時の処理を正しく実装するための方法を教えてください

scripts/fetch_catch.jsの13行目において、messageをmessgaeと打ち間違えています。 想定されるものの代わりにundefinedが得られる場合は、このようにプロパティ名(message)を打ち間違えている(存在しないプロパティ名を指定したのでundefinedが返されている)ことがよくありますので、重点的に確認されるとよいと思います。
  • 2,863
1
Accepted

new Promise(function(resolve, reject) { … }); コンストラクタ内で、resolve または reject を呼び出す時の挙動について

ECMA Script 2015 の仕様書の Promise(executor) の記述 に従うと、回答は以下のとおりになります。 reject('テスト');が実行されるタイミングは? Promise(executor) の実行中です。 promiseオブジェクトが作成される前、それともpromiseオブジェクト作成後に実行? 利用する観点では、作成される(完了する)前です。...
  • 5,122
1
Accepted

new Promise(executor); と new Promise(function(resolve, reject) { ... }); の違い

同じ意味です。 前者の executor には function(resolve, reject) { .... } という2引数の関数を渡す必要が有る、ということを示したかったのでしょう。つまり以下の様な、別のものを渡す使い方はできない(しない)、ということでもあります。 // 何も渡さない new Promise(); // オブジェクトを渡す new Promise({ run: ...
  • 5,122
1
Accepted

webpackでサーバー側のモジュールを無害化したい

https://github.com/webpack/webpack/issues/1021 こちらに方法が載っていました。 package.jsonのbrowserフィールドに無害化したいモジュール名を入力し、webpack.config.babel.jsのexternalsは削除することで、bundle.jsをhtmlから読み込んでもエラーが発生しなくなりました。 package....
  • 523
1

配列ではなくオブジェクトを「for … of」でループするにはどうすれば良いでしょうか?

これですかね? for (var k in hoge) { console.log(k + ' = ' + hoge[k]); }
  • 2,593
1

変数からtemplate stringsを生成したい

設定ファイルをJSで記述し、一番テンプレートリテラルそのままで使える方法を考えてみました。 ~~定義~~ function MyTemp(scope_obj) { return key => { with(scope_obj) { return { HELLO : `Hello, ${name}!`, HELLO2: `Hello2,...
  • 592

Only top scored, non community-wiki answers of a minimum length are eligible