タグ付けされた質問 「ecmascript-6」

ECMAScript仕様の2015バージョン。現在は標準(ECMAScript 2015)。このタグは、質問がECMAScript 2015で提供される新機能または技術変更に特に関連する場合にのみ使用してください。

7
JavaScriptイテレータを配列に変換する
JavaScript EC6の新しいMapオブジェクトを使用しようとしています。これは、FirefoxとChromeの最新バージョンで既にサポートされているためです。 しかし、[key, value]ペアでうまく機能する古典的なマップ、フィルターなどのメソッドが不足しているため、「関数型」プログラミングでは非常に制限されています。forEachがありますが、コールバック結果は返されません。 私は、その変換ができればmap.entries()、私はその後、標準を使用することができ、単純な配列にMapIteratorから.map、.filter追加なしハックと。 JavaScriptイテレータを配列に変換する「良い」方法はありますか?Pythonではそれを行うのと同じくらい簡単list(iterator)です...しかしArray(m.entries())、最初の要素としてイテレータを持つ配列を返します!!! 編集 マップが機能する場所で機能する回答を探していることを指定するのを忘れていました。これは、少なくともChromeとFirefoxを意味します(Array.fromはChromeでは機能しません)。 PS。 私は素晴らしいwu.jsがあることを知っていますが、そのtraceurへの依存が私を先延ばしにしています...


2
Node.js 0.12で利用可能なECMAScript 6の機能
Node.js(0.12)の新しい安定版リリースが最近、アップグレードされたGoogleのv8 JavaScriptエンジン、v3.28.73とともにリリースされました。 --harmonyフラグを使用せずに現在Node.jsにあるECMAScript 6の機能は何ですか? ES 6の機能をリストしていると主張するいくつかのサイトをチェックしましたが、それらはすべて古くなっているようです-最も目立つのは、このテーブル(更新: 現在0.12の現在のNode.jsステータスで更新されています)。--harmonyそれらのいくつかがデフォルトで有効になっているのを見つけたときにフラグを要求しました(いくつか例を挙げると、マップ、セット、シンボル)。更新:ノード固有のテーブルが利用可能になりました また、純粋にv8エンジンについてこの情報をグーグルしようとすると、最新の情報が得られすぎます。現在のv8リリースは4.2。*であり、Node.jsが使用しているものよりもはるかに進んでいます。 この質問(およびその回答)が、Node.js開発者が利用できるようになったES 6の機能に関する包括的な概要になることを願っています。 私が現在知っているNode.js 0.12で有効になっているES 6の機能: マップ、セット/ WeakMaps、WeakSets シンボル Object.observe 約束 数 .isInteger .isSafeInteger .isNaN .EPSILON .MIN_SAFE_INTEGER .MAX_SAFE_INTEGER 数学 .clz32 .imul 。符号 .log10 .log2 .log1p .expm1 .cosh .sinh .tanh .acosh .asinh .atanh .trunc .fround .cbrt .hypot

5
ECMAScript 6の使用
ブラウザのコンソールでECMAScript 6コードを実行する方法を探していますが、ほとんどのブラウザは、探している機能をサポートしていません。たとえば、Firefoxは、矢印機能をサポートする唯一のブラウザです。 Chromeでこれらの機能を実行する方法(拡張機能、ユーザースクリプトなど)はありますか?


4
ES6クラスインスタンスのクラス名を取得する
ES6クラスインスタンスからクラス名を取得する「調和のとれた」方法はありますか?以外 someClassInstance.constructor.name 現在、私はTraceurの実装を期待しています。そして、Babelにはポリフィルがあるようですが、Function.nameTraceurにはありません。 まとめると、ES6 / ES2015 / Harmonyには他に方法がなく、ES.NextにはATMが期待されていません。 それは非縮小化されたサーバー側アプリケーションに有用なパターンを提供するかもしれませんが、ブラウザ/デスクトップ/モバイル向けのアプリケーションでは望ましくありません。 Babel はcore-js polyfillを使用します。Traceur Function.nameおよびTypeScriptアプリケーションでは、必要に応じて手動でロードする必要があります。

19
ES6(ECMAScript 6)で可変変数なしでx回ループするメカニズムはありますか?
xJavaScriptで時間をループさせる一般的な方法は次のとおりです。 for (var i = 0; i < x; i++) doStuff(i); しかし、++演算子を使用したり、可変変数を使用したりしたくありません。では、ES6でx別の方法でループ時間をとる方法はありますか?Rubyのメカニズムが大好きです。 x.times do |i| do_stuff(i) end JavaScript / ES6で似ているものはありますか?私はちょっとごまかして、自分のジェネレータを作ることができました: function* times(x) { for (var i = 0; i < x; i++) yield i; } for (var i of times(5)) { console.log(i); } もちろん私はまだ使っていi++ます。少なくともそれは見えません:)、しかし私はES6にもっと良いメカニズムがあることを望んでいます。


3
Reactでの変数と文字列の連結
Reactの波括弧表記とhrefタグを組み込む方法はありますか?状態に次の値があるとします。 {this.state.id} タグの次のHTML属性: href="#demo1" id="demo1" idHTML属性に状態を追加して、次のようなものを取得する方法はありますか。 href={"#demo + {this.state.id}"} どちらが得られます: #demo1


11
ES 6のオブジェクトからいくつかのプロパティを取得するためのワンライナー
ES6で最もコンパクトな方法で少数の属性のみを取る関数をどのように作成できますか? 解体+単純化されたオブジェクトリテラルを使用した解決策を考え出しましたが、フィールドのリストがコード内で繰り返されるのが嫌いです。 さらにスリムなソリューションはありますか? (v) => { let { id, title } = v; return { id, title }; }

15
Angularで外部スクリプトを動的にロードする方法は?
<script>index.htmlにタグを直接追加せずに、追加のロジックと共に外部ライブラリをコンポーネント化するこのモジュールがあります。 import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} 私は気づかimportES6の仕様によっては、静的および活字体は、実行時にtranspilingではなく、中に解決です。 とにかく、それを構成可能にして、file.jsがCDNまたはローカルフォルダーから読み込まれるようにしますか?Angular 2にスクリプトを動的にロードするように指示するにはどうすればよいですか?

5
ES6モジュールで複数のクラスをエクスポートする
複数のES6クラスをエクスポートするモジュールを作成しようとしています。次のディレクトリ構造があるとします。 my/ └── module/ ├── Foo.js ├── Bar.js └── index.js Foo.jsそしてBar.js各エクスポートデフォルトES6クラス: // Foo.js export default class Foo { // class definition } // Bar.js export default class Bar { // class definition } 私は現在、次のようにindex.js設定しています: import Foo from './Foo'; import Bar from './Bar'; export default { Foo, Bar, } ただし、インポートできません。これを実行したいのですが、クラスが見つかりません。 import …

3
一時的なデッドゾーンとは何ですか?
初期化される前に値にアクセスするletと、一時的なデッドゾーンと呼ばれるものconstが原因で発生する可能性があると聞きました。ReferenceError 一時的なデッドゾーンとは何ですか、それはスコープと巻き上げにどのように関係し、どのような状況で発生しますか?

11
ES6 / 2015でのヌルセーフプロパティアクセス(および条件付き割り当て)
そこにあるnullES6(ES2015 / JavaScript.next /ハーモニー)等に-safeプロパティアクセス(nullの伝播/存在)オペレータ?.でのCoffeeScript例えばは?それともES7で計画されていますか? var aThing = getSomething() ... aThing = possiblyNull?.thing これはおおよそ次のようになります。 if (possiblyNull != null) aThing = possiblyNull.thing 理想的には解決策は、(たとえ割り当てるべきではありませんundefined)にaThingあればpossiblyNull、ISnull

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.