ES5 to ESNext — here’s every feature added to JavaScript since 2015
I wrote this article to help you move from pre-ES6 knowledge of JavaScript and get you quickly up to speed with the most recent advancements of the language. JavaScript today is in the privileged position to be the only language that can run natively in the browser, and is highly integrated and optimized for that. The future of JavaScript is going to be brilliant. Keeping up with the changes shoul
KV Storage - the Web's First Built-in Module | Blog | Chrome for Developers
Browser vendors and web performance experts have been saying for the better part of the last decade that localStorage is slow, and web developers should stop using it. To be fair, the people saying this are not wrong. localStorage is a synchronous API that blocks the main thread, and any time you access it you potentially prevent your page from being interactive. The problem is the localStorage AP
JavaScript loose comparison (==) step by step
JavaScript "loose" comparison step by step When you start learning JavaScript, you will likely read about preferring to use === over == to compare values. But why? == performs type conversion: If the two values are not of the same data type, they are converted to the same type first. While this seems, and can be, convenient, this process is not necessarily intuitive. Below you can provide two valu
Intl.NumberFormatでゼロ埋めや％表記などの数値表現を楽に実装する
Number#toFixed や Math.round/floor/ceil を駆使して表示用の値を整形することってないでしょうか。カンマ区切りをオレオレユーティリティ関数で実装したりそういったことを実現するライブラリを探したことはないでしょうか。 ほとんどの JavaScript の実行環境にはIntlという i18n のためのオブジェクトが組み込まれており、その中の１つにIntl.NumberFormatというクラスがあります。 オプションが色々あり、かなり便利で多機能なんですが整理された情報が少なく、身の回りで使用してる人も少ないと感じました。 Do you use Intl.NumberFormat? — れこ (@L_e_k_o) February 25, 2019 （2019/03/04あたりに結果表示されると思います。途中経過を見る場合元ツイートに飛んでください。） 「それ自
変更禁止のオブジェクトの一部のメソッドだけをES6 Proxyでオーバーライドする方法 - 2016-03-04 - ククログ
以前にMozillaのJavaScript実行エンジンの独自拡張機能である__noSuchMethod__をES6 Proxyで代替する方法をご紹介しましたが、その応用となる話です。 Proxyの制限事項 Proxyは任意のオブジェクトに対するプロパティアクセスやメソッド呼び出しなどの操作にフックを仕掛けたり動作をオーバーライドしたりするための汎用的な仕組みです。 しかし、何でも出来るわけではなく、仕様上で定義されている制限事項もあります。 具体的には、変更が禁止されたオブジェクトのプロパティアクセスに対しては、元と異なる値を返す事ができません。 var myObject = { hello: function() { return 'Hello!'; }, bye: function() { return 'Bye!'; } }; alert(myObject.hello()); //
Public and private class fields | Web | Google Developers
Show navigation Several proposals expand the existing JavaScript class syntax with new functionality. This article explains the new public class fields syntax in V8 v7.2 and Chrome 72, as well as the upcoming private class fields syntax. Here’s a code example that creates an instance of a class named IncreasingCounter: const counter = new IncreasingCounter(); counter.value; // logs 'Getting the cu
ES2018で入ったUnicode property escapes in regular expressionsを調べてみた - yutaponのブログ
はじめに はじめに 使い方 書式について UnicodePropertyName General_Category Script, Script_Extensions Binary Unicode property 調べ方 UnicodePropertyValue に属する文字一覧を調べる ある文字に指定されている属性を調べる おわりに 参考にした記事 ES2018で正規表現まわりの機能にいくつかの便利な表現が入った。 例えばこんな感じ。 いずれもChrome*1 のコンソールで入力して試すことができる。 // `ひらがな` のみの文字列ならtrue /^\p{sc=Hiragana}+$/u.test('あいうえお') // true // `カタカナ` のみの文字列ならtrue /^\p{sc=Katakana}+$/u.test('アイウエオ㍑㍍') // true // `漢字`
JavaScriptの { } を理解する - Qiita
結果はどうなったでしょうか。 自分が今使っているGoogle Chromeだとこうなりました。 結果は{a: 10}というオブジェクトです。まあ、これは当然ですね。3 + 5と入力すれば実行されて8が返ってくるのですから、{a: 10}というオブジェクトリテラルを書けば{a: 10}というオブジェクトが作られるのは当然です。 ……。 ここで、一部の人は「おいふざけんなよ」と思っているかもしれません。というのも、この例は環境によっては違う結果になるのです。具体的には、Chrome以外2のブラウザのREPL（FirefoxやEdgeなど）が該当します。あと、ts-nodeのREPLも該当するらしいです。これらの環境では、結果は{a: 10}ではなく次のようになります。 オブジェクトを作ったはずなのに結果が10とか意味不明ですね。そもそも、こんな簡単なプログラムで結果が全然違うとか、JavaSc
A Worker-Owned Tech Consultancy - Bocoup
Today we’re launching Test262 Report to provide JavaScript developers with up-to-date information on the state of new and existing language features across implementations. Test262 Report is based on daily runs of Test262, the ECMA-262 (“ECMAScript” or “JavaScript”) test suite, in nightly builds of JavaScript engines, and visualizes at-a-glance status of feature implementation progress. Taking a l
Property order is predictable in JavaScript objects since ES2015
This post is part of my Today I learned series in which I share all my web development learnings. Today's learning surprised me! I was reading Twitter and came across a thread started by Sebastian McKenzie. In this thread, he shared a React snippet that would rely on the order of specific properties in an object. styles({ backgroundBlue: true, backgroundRed: true }); In the snippet above the backg
BigInt: arbitrary-precision integers in JavaScript · V8
Show navigation BigInts are a new numeric primitive in JavaScript that can represent integers with arbitrary precision. With BigInts, you can safely store and operate on large integers even beyond the safe integer limit for Numbers. This article walks through some use cases and explains the new functionality in Chrome 67 by comparing BigInts to Numbers in JavaScript. Use cases #Arbitrary-precision
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What's the longest keyword sequence in Javascript?
JS: String Index Code Unit
GitHub - azu/proxy-frozen-object: ES Proxy for `Object.freeze(object)`.
GitHub - jscert/jsexplain
Pika | Search modern module esm packages on npm
GitHub - GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
GitHub - conradreuter/cancellationtoken: A composable token for cancelling asynchronous operations.
GitHub - alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
GitHub - tc39/proposal-top-level-await: top-level `await` proposal for ECMAScript (stage 4)
