js kusen

@kanayannet

Javascriptで苦戦した経験

13年2月10日日曜日

先に言っておきます↓の本を読んだ人は知っている事が多いかも？


先に言っておきます細かいコードが今回多々出ますが、後でスライドアップするので、ここで覚えなくても大丈夫です。


項目1. new した時2. 巻き上げ3. プライベートブラウズと localStorage4. ios6.0 mobile safari の ajax5. NaN


1. new した時


注意点

うっかり、new し忘れて関数を呼ぶと処理が成功して、予期せぬグローバル変数が入ってしまう


うっかりミスをこう防いでみました


2. 巻き上げ


注意点

関数の始めで var 宣言しておいた方が安牌ですね。

var より前に呼び出した変数が巻き上げられてしまう


3. localStorage

localStorage とは、HTML5のWebブラウザ内部のデータベース(KVS)です。


3. localStorage


3. プライベートブラウズ


解消はこんな感じ


4. ios6.0 mobile safari の ajax


これ、mobile safari でキャッシュしてしまうんですw※cache: false してもキャッシュします！

http://dev.classmethod.jp/smartphone/ios6-safari-post-jquery/

4. ios6.0 mobile safari の ajax






解消法法プロトコルヘッダに Cache-Control "no-cache"

もしくは...

電文の引数に違う値(日時とか..)を渡す


5. NaN


JavaScriptでは定義されていない演算はNaN

そして、NaN は typeof で評価すると number

5. NaN


解消法法


まとめ苦戦したポイントは大きく二つに分かれます。

1. javascript の仕様

2. ブラウザによる挙動の違い


まとめ1. javascript の仕様

覚えるw


まとめ2. ブラウザによる挙動の違い1件1件挙動をテストすると見過ごすかもしれないので、テスコードを用意しておくと便利。

※新しいブラウザバージョン出たらテスト


PSLTやりたいけどネタが思いつかないという方へ

個人的には、こういう経験談的なLT でも良いと思っています。


PS

経験をシェアしていくと...新しい開発手法や発見に繋がるかも？


ご清聴ありがとうございました


js kusen

Documents