Ship ESM & CJS in one Package
[[toc]] ESM & CJS ESM - ECMAScript modules CJS - CommonJS In the past decade, due to the lack of a standard module system of JavaScript, CommonJS (a.k.a the require('xxx') and module.exports syntax) has been the way how Node.js and NPM packages work. Until 2015, when ECMAScript modules finally show up as the standard solution, the community start migrating to native ESM gradually. // CJS const cir
ECMA-262-3 in detail. Chapter 8. Evaluation strategy
That’s said, they differ only in the assignment semantics: “by reference” can replace the full contents, and “by sharing” instead rebinds the pointer to the new address. In fact, references in C++ are just a syntactic sugar for pointers. At the lower level they are even compiled to the same exact instructions, and hold the same values — that is, addresses. However, references change the high-level
Everything you need to know from ES2016 to ES2019
JavaScript is a language in constant evolution and in the past few years many new features have been added to the ECMAScript specification. This article is an extract of my book Complete Guide to Modern JavaScript and it covers the new additions of ES2016, ES2017, ES2018, ES2019. At the end of the article you will find a link to download a cheatsheet that summarizes everything. Everything new in E
社内勉強会TechLunchでECMAScriptについての発表をしました - MEDLEYオフィシャルブログ
こんにちは、開発本部エンジニア平木です。 弊社では定例でTechLunchという社内勉強会を開いています。今回は自分が担当になったので、最近の動向も含めてECMAScriptについて話をしました。 なぜECMAScriptについて話そうと思ったのか? ご存知の方も多いでしょうが、ECMAScriptとはJavaScriptの仕様になります。 ここからは個人的な印象になりますが、つい数年前までは特にフロントエンド開発をする人でも仕様のことを意識しなくてもあまり問題はなかったと思います。 しかし、BabelやTypeScriptなどが普及しだしてきたあたりから、ブラウザの実装に関係なくECMAScriptで提案されている仕様が使えるようになり、段々とECMAScriptについて知っておいた方が開発効率が上がる…ということになってきたかと思います。 最近ですと、特にBabelを使う前提のReac
ES2015のGenerator、および Async/Await を使った非同期処理について - Money Forward Developers Blog
マネーフォワードでフロントエンドの開発者をしています大塔と申します。 今回は個人的にお世話になることの多いGeneratorおよび Async/Await を使って非同期処理を、同期処理っぽく書く方法について、記載させていただきたいと思います。 環境構築 webpackやrollupなど新しいバンドラーが出てきていますが、今回はECMAScriptのビルドにgulpを使います。またトランスパイラにはBabelを用います。 NodeJS 4.2.1 npm 2.14.7 Google Chrome 49.0.2623.112 (64-bit) ソースコード 今回作成したソースコードはすべてこちらからダウンロードできます。ソースコードのビルド方法や動かし方はお手数ですがリンク先をご覧ください。 package.json 必要となるパッケージを記述します。 { "name": "blog_sam
JavaScript の ジェネレータ を極める！ - Qiita
ECMAScript 6（2015年6月に公開され、今もなお比較的新しい JavaScript）の大目玉である イテレータ と ジェネレータ。なかなかに複雑で巨大な仕組みになっていてややこしいです。 そこで今回は ジェネレータ を、順を追って理解できるように解説したいと思います。 Qiita: JavaScript の イテレータ を極める！ ←こちらから読むのがオススメです Qiita: JavaScript の ジェネレータ を極める！（この記事） また、実用的なサンプルを「3. 実用サンプル」に示しました。 初めにこちらを見て、何ができるのかを知ってから読み始めるのもオススメです。 （2017年3月現在、オープンなページでの使用はまだ避けたほうがいいかもしれませんが、実装は確実に進んでいます。ECMAScript 6 compatibility table） 1. ジェネレータ、ジェ
ECMAScript 2016の言語仕様をECMA Internationalが承認。正式版として公開
ECMAScript 2016の言語仕様をECMA Internationalが承認。正式版として公開 ECMA Internationalは、いわゆるJavaScriptの最新の言語仕様となる「ECMAScript 2016」（ECMA-262 7th Edition）を、6月14日に行われた第111回総会（The 111th General Assembly）で承認、仕様を発表しました。 JavaScriptは1995年に最初のバージョンがNetscape Navigator 2.0で実装され、1997年にはECMA Internationalによる最初の標準化仕様となるECMAScript 1st Editionが登場。1998年にECMAScript 2nd Edition、1999年に3rd Editionとバージョンアップを重ねてきましたが、4th Editionの標準化に失敗
ECMAScript 2015のブラウザ対応状況と実践投入に向けて
この記事は「ECMAScript2015/ES6特集」の第2回目です。第1回ではECMAScriptの歴史やES2015の新機能について紹介しましたが、今回は各ブラウザの対応状況や、実戦投入に向けて踏まえておくべき知識を解説します。 ECMAScript 2015の対応状況 ECMAScript 2015（ECMAScript 6th edition）は、2015年の6月に無事策定されました。しかし、実際にES2015の機能を使っていくには、ブラウザなどに搭載されているJavaScriptエンジンが対応していなくてはなりません。 ブラウザの実装状況についてはECMAScript 6 compatibility tableが参考になります。Chrome 46・Firefox 42・Edgeは既に多くの機能を実装してあり、DevToolsなどでも試すことができます。WebKitも順調に実装が進
ECMAScript 5 の Strict Mode でグローバルオブジェクトを得る - @think49の日記
Strict Mode ECMAScript 5 には Strict Mode という仕組みがあり、Strict Mode では様々な機能(誤解の元となる機能、危険な機能)が制限されています。Strcit Mode になると関数コード内で this === undefined となり、this でグローバルオブジェクトを参照できません。 "use strict"; // Strict Mode を宣言する (function () { // グローバルコードで Strict Mode を宣言すると下位の関数コードも Strict Mode になる console.log(this); // undefined console.log(window); // [object Window] })(); ブラウザの JavaScript では window がグローバルオブジェクトですが、No
JavaScript の分割代入まとめ - mooz deceives you
幻の ECMAScript 4th 幻となった ECMAScript 4th のドラフトを眺めていたところ, p.33 に Destructuring assignment and binding (分割代入, 分割束縛) という項目を発見した. 分割代入に関しては JavaScript 1.7 (Firefox などが用いる SpiderMonkey や Rhino に実装済み) から使用が可能であるため, ご存知の方も多いのではないかと思う. 「そういえば詳しい仕様は見たことがなかったな」と軽い気持ちで読み進めていたところ, そこに述べられていることが Haskell や OCaml など関数型言語におけるパターンマッチと同等であると分かり, 驚いた. 例えば, 分割代入においては次のように deep なパターンが利用可能であると書かれている. let { x: {a, b}, y:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
http://www.alprosys.com/es6/es6_features_ol.html