ECMA-262を読んだ日
// 🤔 = 🤔(U+1F914) getCharacterLength("🤔"); // 1 // が = か(U+304B) + ゙(U+3099) getCharacterLength("が"); // 2 // 👨👩👧👦 = 👨(U+1F468) + ゼロ幅接合子(U+200D) + 👩(U+1F469) + (U+200D) + 👧(U+1F467) + (U+200D) + 👦(U+1F466) getCharacterLength("👨👩👧👦"); // 7 あ，なんかコードポイント数を返す っぽい ですが，そのようにキッパリと言及されているわけではないので，多少モヤモヤしますね．もしかしたら，「コードポイントを数える っぽい 動作」なだけで，上記のテストではわからない例外があるのかもしれません． MDNの本文には，これ以上の情報
ECMAScript 2015以降のJavaScriptの`this`を理解する
この記事はJavaScriptの入門書として書いているjs-primerのthisに関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所にjs-primer版（書籍版）のthisについての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては書籍版を推奨します。 書籍版: 関数とthis · JavaScriptの入門書 #jsprimer また、バグ報告やPRも直接リポジトリにして問題ありません。 asciidwango/js-primer: JavaScriptの入門書 おかしい場所を選択した状態で右下にある”Bug Report”ボタンを押せば、簡単にtypoとかのバグを報告できます。(PRでも歓迎) 前置きはこの辺までで、ここから本編。 この記
TC39, ECMAScript, and the Future of JavaScript — Pony Foo
Last week, I gave a presentation by the same name as this article at Tencent Frontend Conference in Shenzhen, China. In this article, I’m adapting its transcript to a format more suitable for Pony Foo. I hope you enjoy it! What’s TC39? TC39 means Technical Committee number 39. It’s part of ECMA, the institution which standardizes the JavaScript language under the “ECMAScript” specification. The EC
Pattern Matching in ECMAScript — Pony Foo
There’s a stage 0 proposal for pattern matching in JavaScript. In this article we’ll take a look at what the proposal entails and also show how you might find it useful. The proposal document has a few code examples, as usual. Here is one of them. let length = vector => match (vector) { { x, y, z }: Math.sqrt(x ** 2 + y ** 2 + z ** 2), { x, y }: Math.sqrt(x ** 2 + y ** 2), [...]: vector.length, el
Actual WeakSet Use Cases
So umm... not to be annoying but I've been digging through esdiscuss and various blog posts online. I couldn't really find any use case for WeakSet (plenty of threads about naming things :P). Most material about it online fails to distinguish it from what one would use a regular Set for. All the use cases I know for WeakSet for tagging objects aren't really relevant in JS (for example - in shared
ECMAScript 2017 (ES8): the final feature set
Check out my book (free online): “Exploring ES2016 and ES2017”. Update 2017-01-29: At the TC39 meeting in January 2017, the last feature of ECMAScript 2017, “Shared memory and atomics” advanced to stage 4. That means that its feature set is now complete, as listed below. The features of ECMAScript 2017 # Major new features: Async Functions (Brian Terlson) Shared memory and atomics (Lars T. Hansen
今年のうちに知っておきたい！ES2017に入る5つの新仕様 - エンジニアをリングする
はいっ Goodpatch Advent Calendar 2016 5日目です！ 2016年もまもなく終わりますね。 あと半年もすればES2017のリリースですね！ というわけで先月Node学園祭でご紹介したES2017の新仕様をブログにおこしておさらいしてみようと思います！ ES2017に入る5つの新仕様 Object.values / Object.entries String padding Object.getOwnPropertyDescriptors Trailing commas in function parameter lists and calls Async Functions https://github.com/tc39/proposals/blob/master/finished-proposals.md 1. Object.values / Object.e
ES2015 (ES6)についてのまとめ - Qiita
ECMAScriptとは ECMAScriptはJavaScriptの中核仕様を抜き出して標準化したもの 開発当初のJavascriptは、ブラウザによる独自の拡張が多く、互換性が低かったため、Ecma Internationalが中心となりECMAScriptが開発された ES2015 (ES6)とは 先日策定された、ECMASCriptの6th Editionのことであり、当初はES6と呼ばれているが、正式名称をECMASCript2015(ES2015と呼ばれる)とし、今後は年単位のリリースを予定しているとのこと [公式サイト]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015で可能となる新たなシンタックス let・constキーワードによる変数宣言 class構文 関数の引数のデフォルトパラメータ（Def
Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+)
Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+) JavaScript has changed quite a bit in the last years. These are 12 new features that you can start using today! JavaScript HistoryThe new additions to the language are called ECMAScript 6. It is also referred as ES6 or ES2015+. Since JavaScript conception on 1995, it has been evolving slowly. New additions happened every few year
ESLint 最初の一歩
We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201
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 2015(ES6)の概要と次世代JavaScriptの新たな機能
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 泉水翔吾 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など複数回に渡って解説していきます。 ECMAScriptとJavaScript そもそもECMAScriptとはなんでしょうか？JavaScriptとは一体何が違うのでしょうか？ECMAScriptとJavaScriptの関係は、JavaScriptが生まれた1995年まで遡ります。 JavaScriptは1995年、当時Netscape CommunicationsにいたBrendan Eich氏がWebで実行できるスクリプト言語として開発しました。その後Inte
Destructuring and parameter handling in ECMAScript 6
Warning: This blog post is outdated. Instead, read chapter “Destructuring” and section “Parameter handling” in “Exploring JavaScript”. ECMAScript 6 (ES6) supports destructuring, a convenient way to extract values from data stored in (possibly nested) objects and arrays. This blog post describes how it works and gives examples of its usefulness. Additionally, parameter handling receives a significa
ECMAScript® 2016 Language Specification
Introduction1 Scope2 Conformance3 Normative References◢4 Overview4.1 Web Scripting◢4.2 ECMAScript Overview4.2.1 Objects4.2.2 The Strict Variant of ECMAScript◢4.3 Terms and Definitions4.3.1 type4.3.2 primitive value4.3.3 object4.3.4 constructor4.3.5 prototype4.3.6 ordinary object4.3.7 exotic object4.3.8 standard object4.3.9 built-in object4.3.10 undefined value4.3.11 Undefined type4.3.12 null value
ES2015の現在とESNextの未来
HTML Party in 鹿児島 で発表した ES2015 の話です。
ECMAScript 6 compatibility table
V8 SpiderMonkey JavaScriptCore Chakra Carakan KJS Other ⬤ Minor difference (1 point) ⬤ Small feature (2 points) ⬤ Medium feature (4 points) ⬤ Large feature (8 points) Compilers/polyfills Desktop browsers Servers/runtimes Mobile Feature name Current browser ES6 Trans- piler Traceur Babel 6 + core-js 2 Babel 7 + core-js 2 Babel 7 + core-js 3 Closure 2020.09 Closure 2021.08 Closure 2021.09 Closure 20
さようならbind、こんにちはArrow Functions
僕は基本的にChromeアプリやChrome拡張機能を作っていることが多いので、Chromeがサポートしている範囲内でコードを書くことが多い。Chromeは他のブラウザに比べて最新技術の取り込みが迅速に行われている印象が強い。ECMAScript 2015についても、たぶん他のブラウザよりもサポート範囲が広いはず。 というわけで、ECMAScript 2015(ES6とも言う)でコードを書くことが多くなった。特に気に入っているのは、Arrow Functionsとclass。どちらも非常に強力で、ES5までの「なんでこんなコード書かなあかんねん」と思ってたことがいくつかなくなって、コーディングがまた楽しくなった。 Arrow Functions 単純に「関数作りたいだけで”function”って8文字も打つの面倒だよね」ってJavaScriptをDISってた人はかなり多かったはず。これが、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptの本を書くときに参考にしてるもの
オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita
http://wirfs-brock.com/allen/talks/viewsource-es2015.pdf