Javascript quiz. ES6 edition. — Perfection Kills
Javascript quiz. ES6 edition. Remember that crazy Javascript quiz from 6 years ago? Craving to solve another set of mind-bending snippets no sensible developer would ever use in their code? Looking for a new installment of the most ridiculous Javascript interview questions? Look no further! The "ECMAScript Two Thousand Fifteen" installment of good old Javascript Quiz is finally here. The rules are
ES6 In Depth: Modules – Mozilla Hacks - the Web developer blog
ES6 In Depth is a series on new features being added to the JavaScript programming language in the 6th Edition of the ECMAScript standard, ES6 for short. When I started on Mozilla’s JavaScript team back in 2007, the joke was that the length of a typical JavaScript program was one line. This was two years after Google Maps launched. Not long before that, the predominant use of JavaScript had been f
The names of functions in ES6
Update 2015-12-26: Sections for two caveats: “the name of a function is always assigned at creation” and “minification” The name property of a function contains its name: > function foo() {} > foo.name 'foo' This property is useful for debugging (its value shows up in stack traces) and some metaprogramming tasks (picking a function by name etc.). Prior to ECMAScript 6 (ES6), this property was alre
ES6 Let, Const and the “Temporal Dead Zone” (TDZ) in Depth
This is yet another edition of ES6 in Depth. First time here? Welcome! So far we covered destructuring, template literals, arrow functions, the spread operator and rest parameters, object literal features in ES6, and last but not least: what “classes” really mean in ES6. Today is going to be about an assortment of simple language features coming our way in ES6 – let, const, and the scary-sounding
Node.js v4がリリースされたらコードの書き方でどこが変わるか？ - なっく日報
追記1：続・Node.js v4がリリースされたらコードの書き方でどこが変わるか？ - なっく日報に続きを書きました。 追記2：Computed propetiesにバグがあることを追記しました。 追記3：Computed propetiesのバグが修正されたので該当箇所を削除しました。 9月には出るということで、ちょっと考えてみました。 iojs v3のES6でshipping featuresなもの（V8においてES6でONにしても大丈夫な機能）で書いてますが、もし違ったらすいません。 iojs.org 変数宣言 基本letとconst。varは使わない。 'use strict'; // strictモードでないとletとconstは使えない const STATIC_VAR = '定数'; let a = 'varは使わない'; for (let i = 0; i < 10; i+
Symbolについて - JS.next
概要 ES2015ではUndefined、Null、Boolean、Number、String、Objectの６つの型に加えて、新しい型Symbolが導入された。 シンボルはプリミティブ型で、文字列のようにプロパティのキーとして使える特徴を持つ。 振る舞い シンボルはSymbolコンストラクタを呼ぶことで作られ、その時に引数として文字列を渡せば名前を持たせることができる。 sym1 = Symbol() sym2 = Symbol('name') typeof演算子で評価すると"symbol"が返される。 typeof sym1 // "symbol" Symbolコンストラクタをnew付きで呼び出すことは出来ないが、シンボルをObjectコンストラクタに渡すことでラップすることはできる。 new Symbol() // TypeError symobj = Object(sym2) ty
esprimaでとれるASTのnodeタイプについてメモ - マルシテイア
ここ数日esprimaで遊んでる。 esprima.parse() や estraverse.traverse() では、ASTを取得し、nodeのtypeで処理を分けるんだけど、やりたい事をやるのにどのnodeをチェックすればいいのかわからない。 例えば、コード中で var x = 1; とすべき所を x = 1; としてしまってグローバル変数が出来てしまうのを検出したい時に、 AssignmentExpression だけチェックすれば良いのか？となる。 nodeのtypeは esprima.Syntax で見れる。 また、あるnodeを取得したい時にどんなコードを書けばよいのかは、esprimaのfixture見ればわかる。 github.com 本当はEcmaScriptの仕様見た方が良いんだろうけど、すぐ読める気がしない。 なので、fixture見ながら、REPLでポチポチやって
Announcing “Exploring ES6”
I’m glad to announce that the first version of my book “Exploring ES6” is finally finished! It was much more work than I anticipated – the PDF has over 460 pages! I’m really happy with how it turned out. The complete contents of the book are available online, for free. The ebook version (PDF, EPUB, MOBI) costs about $30 (depending on the VAT in your country, you can pay more to support my work). E
ES6 moduleのtop levelにある`this`の値は何になるのか?
Babel 前提 Babelは入力されたコードをES6 moduleとして扱う Babel assumes that all input code is an ES6 module FAQ · Babel (結論的には--blacklist strictでこの挙動は無効化できる) ES6 moduleの前提知識 Environment Recordというのはそのスコープと変数を関連付けたりするような環境情報的なものを入れる場所 関数とかモジュールとかwith用みたいな何種類かある ModuleはModule Environment Recordsのを作ってそこに情報を記録する Module Environment Recordsはdeclarative Environment Recordの一種で、加えてModule専用の記録領域がある(importのbindingのための場所) 基本的な
ES6 Modules 間では export/import された変数（？）は同期される - Qiita
import { foo, bar } from './foobar'; console.log(foo); bar.changeFoo(); console.log(foo); babel-node index.js と実行すると Foo Bar と 出力されます。Foo Foo ではありません。Node.js で CommonJS を書いていた人からすると、？？？となる挙動ですね。index.jsでの foo はただの変数ではないのです。 CommonJS なら・・・ CommonJS で素直に同じようなモジュールを書こうとすると、以下のようになると思います。これだと当然 Foo Foo と出力されますね。bar.changeFoo() を呼んでも foobar.js の module.exports.foo も更新されませんし、index.js の foo も更新されません。
ESDocというJavaScript向けのAPIドキュメントツールを作りました - maru source
こんにちは丸山@h13i32maruです。 昨日、ESDocというツールをリリースしました。GW中になんとかリリースできて一息ついているところです。今回はそのESDocというツールについて紹介します。あと最後に雑談と宣伝があります。 ESDocとは？ ESDocとはJavaScript(ES6)向けのAPIドキュメントツールです。JavaScript界隈ではJSDocがデファクトスタンダードであり、ESDocもJSDocに触発されて作りました。なのでタグの使い方はなるべく互換性を持たせています。とはいえ不要だなと思うタグもかなりあったのでそれらは実装していません。 ESDocの特徴(主にJSDocに比べて)としてはこんな感じです。 詳細なドキュメントを生成する ドキュメントカバレッジを計測する テストコードとドキュメントを関連付ける ES6のclass, import/exportを使った
ECMAScript 6 modules: the final syntax
Warning: This blog post is outdated. Instead, read chapter “Modules” in “JavaScript for impatient programmers”. At the end of July 2014, TC39 [1] had another meeting, during which the last details of the ECMAScript 6 (ES6) module syntax were finalized. This blog post gives an overview of the complete ES6 module system. Module systems for current JavaScript # JavaScript does not have built-in supp
6to5 に末尾呼び出し最適化が入ったと思ったら一瞬でなくなった : document
2月10 6to5 に末尾呼び出し最適化が入ったと思ったら一瞬でなくなった 一昨日の記事を書いた後、末尾呼び出し最適化の実装にバグがあって速攻で消されたようです。 v3.5.0: 末尾呼び出し最適化の実装が入る v3.5.1: 他のTailオブジェクトと混同して判定されてしまうため、Tail.prototype._isTailDescriptor というのを付けて対処 v3.5.2: _tailCall をつかった末尾呼び出し最適化がコメントアウト v3.5.3: v3.5.0 以前の末尾再帰最適化の実装に戻す 少し見たところ、以下のようなケースでうまく動かないようです。 Do not attempt nested TCO by peferron · Pull Request #721 · 6to5/6to5 function foo() { return "foo"; } functio
A combination of React.js and 6to5
In English article is here. 今までは、react-toolsを使ってjsxのharmony optionを有効にして書くことで一部のES6のfeatureが使えて満足していたのですが、azuさんの記事を見て6to5を試したくなったのでReact.js + 6to5の組み合わせで書いてみました。 https://6to5.org/ http://efcl.info/2015/01/09/write-es6/ 結論から言うと6to5自体がjsxのサポートもしているので何も意識することなく書けていい感じでした。 コードはこんな感じ。 https://github.com/koba04/react-boilerplate structure browserify + 6to5ify 変換の流れはbrowserifyのtransformである6to5ifyを使うので、
Node-v0.12からデフォルトでES6の一部が使えるようになった(WeakMap解説編) - ぼちぼち日記
このエントリーは、４月２４日（木）に行われる「東京Node学園 12時限目」の発表ネタを先出ししたものです。 1. はじめに、 過去２回、Node-v0.12における ES6(ECMAScript6)関連のエントリー*1を続けて書きました Node.jsにPromiseが再びやって来た！ Object.observe()とNode.jsのイベントループの関係 いつNodeでES6の機能がデフォルトで使えるようになるのか…と夢見てたのですが、なんとすぐその時がやってきました。 パチパチ！ Angular2.0 の開発のため Chrome M35 の機能として先行的に一部ES6対応したようです。 *2 Googleさん、えらい。 Nodeの現リーダTJも、最初はこのV8アップグレードに”ちょっと待った”をしていたみたいですが、今では”現状容認”に変わりました。 今後、V8 3.25で何か問題が
Replace CoffeeScript with ES6
I’ve been looking into ES6, the next version of JavaScript, and finally got a chance to use it on a project. In the brief amount of time I was able to use it I’ve found that it solves a lot of the problems that CoffeeScript is trying to solve without drastic syntax changes. Using ES6 Today We can start using ES6 today through the 6to5 project which transpiles our ES6 code into ES5. 6to5 supports a
TemplateStrings.md
TemplateStrings.md Japanese translation from the original post in English. 原文: [Getting Literal With ES6 Template Strings by Addy Osmani] (http://updates.html5rocks.com/2015/01/ES6-Template-Strings) #ES6のテンプレート文字列 従来のJavaScriptの文字列処理はPythonやRubyに比べて非力でしたが、ES6のテンプレート文字列はこの状況を根本的に覆します。（テンプレート文字列はChrome 41からサポートされています。）それによりプログラマはドメイン固有言語（domain-specific language、DSL）を定義する事が可能になります。以下はテンプレート文字列が提供する機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - estree/estree: The ESTree Spec
GitHub - lukehoban/es6features: Overview of ECMAScript 6 features
JavaScript Promiseの本
