2017-07-21 MTGアジェンダ

[azu]

2017年7月21日のミーティングアジェンダを書く場所

[lacolaco]

237 #259

JSON.stringify の例外的な挙動をするオブジェクトの扱い

JSON.parse の第2引数に触れるかどうか 使うユースケースあんまりないと思うんだけど、リファレンス的に触れるか流すかの判断

あとajaxappのJSON.parseがtry-catchされてないからしたほうがよさそう

[azu]

配列 #49 はあと少し。

次は 関数をやる予定 https://github.com/asciidwango/js-primer/issues/112

関数どういう流れでやるか考えたい

[azu]

typoとか見つけたら簡単にIssue切れます。

書いた文章をレビューしてGitHubにIssueを切るためのGitBookプラグイン | Web Scratch

[azu]

JSON

JSONの章でどこまで扱うかについて。

[azu]

• プリミティブ か オブジェクト
• オブジェクトのうち 列挙可能?で分類

[lacolaco]

• Symbol, 関数, undefinedは変換されない
• プリミティブかどうか
• オブジェクトかどうか
  • 列挙可能なプロパティを再帰的にシリアライズ

[azu]

flags https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags

[azu]

JSON.stringify({ get a(){ return 1; }})
// "{"a":1}"

getterは出てこないとは単純に言えないのか

クラスのgetterはでてこない。

[lacolaco]

class Bar {
  get bar() { return "bar" }
}
var bar = new Bar()
JSON.stringify(bar)
"{}"

[lacolaco]

代表的な変換についての表と、サンプルコード

[azu]

JSONは外部とのやり取りに使うという用途を書く。

[lacolaco]

JSONのユースケース

[lacolaco]

JSON.parseの第2引数は扱わない、ということで

[lacolaco]

// replacer引数を使わない場合はnullを渡すのが一般的です

[azu]

JSON.stringify()

再帰的になってるときに例外を投げる。

[azu]

JSONの次はMap/Setの章。

http://exploringjs.com/es6/

[lacolaco]

https://gist.github.com/uupaa/8d2e5b19c1a1ef267ec2

[azu]

http://exploringjs.com/es6/ch_maps-sets.html#sec_weakset

[lacolaco]

EventEmitterとWeakMap

[azu]

https://github.com/R1ZZU/events2

[lacolaco]

メモリリークしないための仕組み

いろんな言語にあるからESにも入りました

[azu]

関数どうするか

コラム押し?

[lacolaco]

関数の章は実はクラスの章なのでは？

[azu]

関数で => クラスっぽい クラス => 実は関数では

という流れ

[azu]

this は多くの場合 クラスで使う。 関数でthisを使うケース jQuery, Vueなど

$.each(function (){
   this // <= $自体
})

みたいなケース。Arrow Functionを使う。

[lacolaco]

argumentsに触れるなら関数の章しかない?

[azu]

call と apply について触れる。

[azu]

https://www.softel.co.jp/blogs/tech/archives/1377 とspread operator

[lacolaco]

bind

[azu]

call と apply と bind と Arrow Function.

[lacolaco]

::this はstage0 https://github.com/tc39/proposals/blob/master/stage-0-proposals.md

[azu]

https://www.amazon.co.jp/dp/B00ESXY9MA/

[azu]

スコープの章

• 普通の値の解決
• thisという特殊な変数の解決
• レキシカル

クラス

• クラスの話
• 関数とprototypeチェーン

[azu]

hoisting はコラム的な外伝的な

[lacolaco]

サンプルコードがなんで var なんだ ってツッコミが入りそうだからconst/let で書いておいたほうがよさそう

[azu]

なぜサンプルコードがconstではないのか

[azu]

const に書き換えよう

[lacolaco]

そうなるとhoistingは完全にコラムで良くなる

[lacolaco]

lexical

[azu]

const は レキシカル 見た目どおりのコードになるので、積極的に使いましょう。

静的スコープ - Wikipedia

[azu]

var は異常

[lacolaco]

他の言語を一応かける人向けのJS本なので、むしろvarの説明を理解してもらうのが難しそう

[lacolaco]

JSON > Map/Set > Date

[azu]

DateはDateオブジェクト、unix time(getTime、ISOのやつで交換可能な例をベースにする

[lacolaco]

YYYY/MM/DD の実装例

[lacolaco]

Symbolは章にならなさそう

[lacolaco]

Date/i18n https://github.com/asciidwango/js-primer/issues/125

[azu]

クラス - stateを持ってる例

• Counter

[azu]

日付 https://github.com/asciidwango/js-primer/issues/125

[azu]

https://tatsu-zine.com/books/software-g11n