ES6– category –
-
【React】よく出るこれ。Uncaught TypeError: Super expression must either be null or a function, not object
【React】よく出るこれ。Uncaught TypeError: Super expression must either be null or a function, not object 最近結構このエラーに遭遇するので書いておきます。。 import exportのところをtypeしていないか。classを期待した記述になっているのにObje... -
【React】 if(!element.loader || element.loader.indexOf(“!”) >= 0) throw new Error(“Cannot define ‘query’ and multiple loaders in loaders list”);
【React/webpack/babel-loader】もし「Error: Cannot define 'query' and multiple loaders in loaders list」で「 if(!element.loader || element.loader.indexOf("!") >= 0) throw new Error("Cannot define 'query' and multiple loaders in loaders li... -
【JsonServerとDHC】PromiseやAsync/Await書く人の為の「非同期処理のサンドボックス」作った
【JsonServerとDHC】PromiseやAsync/Await書く人の為の「非同期処理のサンドボックス」作った 目的 ・機能を実装する際非同期処理が欠かせない環境になってきた ・ローカルサーバー立ててやる環境で練習できないものかと考えた ・PromiseやAsync/Awaitやge... -
well-known Symbolとは| 海外記事「Detailed overview of well-known symbols」の和訳
well-known Symbolとは| 海外記事「Detailed overview of well-known symbols」の和訳 参照記事 SymbolはECMAScript2015の新しいプリミティブ型です。それはユニークな識別子を作ることができます [code language="javascript"] let uniqueKey = Symbol('S... -
【JavaScript/ES6】ECMAScript2015にひっそりある「new.target」stackoverflowにあるnew.targetって何？を読む
【JavaScript/ES6】ECMAScript2015にひっそりある「new.target」。stackoverflowにあるnew.targetって何？を読む まずこれを読む 仕様 ・new.targetは関数かコンストラクタかがnewを利用して呼ばれたかどうかを検出できる ・new.targetはコンストラクタか... -
【JavaScript】去り際が格好いいECMAScript2015「WeakMap」のイケメンさがわかる記事
【JavaScript】去り際が格好いいECMAScript2015「WeakMap」のイケメンさがわかる記事 Resources 「What Are Weakmaps In ES6?」 ES6 Everyday: WeakMaps One of the biggest caveats (by design) is the lack of size, followed by the inability to use s... -
【JavaScript】Object.crateとassignを使ってnewしないでインスタンスを作る「FactoryFunction」
【JavaScript】Object.crateとassignを使ってnewしないでインスタンスを作る「FactoryFunction」 大変興味深い記事見つけました ざっくり何をいっているかというと 「あなたがprototypeを理解していないならJavaScriptを理解していない」 衝撃的。。 class... -
【JavaScript】”true”や”false”という文字列を評価したいしBoolean型に変換したい、方法
【JavaScript】"true"や"false"という文字列をBoolean型に変換、評価する方法 これどうするんだろうって調べていたのですが、日本語記事が見当たらなかったので書きます 先日 "true"こういう文字列に困っていました。 これを評価したくて、 containStringB... -
【JavaScript】ClassをnewするとかObject.createでインスタンスを作らずprototype継承する外人を見つけた
【JavaScript】ClassをnewするとかObject.createでインスタンスを作らずprototype継承する外人を見つけた Why object literals in JavaScript are cool なるほどなーっと思いましたーー。 でわまたーー。 他のjavascript記事へ TOPページへ 全記事リンク... -
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜 以前の記事でObject.assignがios8で使えなくてpolyfillを使った話をしたのですけど、 core-jsで解決できるようなので試してみた。 ES6でimportして... -
【javacript】正規表現(execはwhileで回す。先読み)
【ES6】適当に試したり。正規表現とか 全コード [code lang="javascript"] function getKey(k) { return `${k}`; } const obj = { id: 5, name: 'San Francisco', [getKey('enabled')]: true, }; console.log(obj) /////////////////////////// function f... -
Chrome CanaryのconsoleでECMAScript2015試せるよ
Chrome CanaryのconsoleでECMAScript2015試せるよ いままでBabelのTry it outでやってたりしたけど、 canaryはこちらからダウンロード。 https://www.google.co.jp/chrome/browser/canary.html いいね！ -
【ECMAScript2015(ES6)】ES6の「Generators(ジェネレーター)とIterator(イテレータ)」をしばく！
【ECMAScript2015(ES6)】後で猫に教えてあげたいES6の「Generators(ジェネレーター)とIterator(イテレータ)」 昨日はSymbol(シンボル)でしたが、今日はGeneratorsとIterator。 babel立ち上げてコード確認しながらやりました。 ジェネレータってなにかって... -
【ES6】 Static menber,Class inheritance
ES6 static menber [code] class Tripple { static tripple(n) { n = n || 1; return n * 3; } } class BiggerTripple extends Tripple { static tripple(n) { return super.tripple(n) * super.tripple(n); } } console.log(Tripple.tripple());//3 conso... -
【ECMAScript2015(ES6)】ES6の「Symbol(シンボル)」をしばく！
【ECMAScript2015(ES6)】後で猫に教えてあげたいES6の「Symbol(シンボル)」 ES6のSymbolがややぼんやりしていたのでいじってみました。 嬉しいことはこちら。 SymbolはObjectのkeyとしてプライベートなpropertyを生成できる ・既存のオブジェクトのプロパ... -
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ 英語文しかなかったので自分のようなReactにおいて「ES7 Property Initialiazers for Default Props and Prop」を使いたい方へ... -
ES6 Tagged template strings(タグテンプレートストリング)
Tagged template strings(タグテンプレートストリング) Tagged template strings(タグテンプレートストリング)が多分便利なので 理解したことを書いておく コードはコチラ もしも下記のように呼び出した場合、 [code language="javascript"] tag'もりた${k...
1