IEでjavascript関数の初期値
あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどIE11のみ動かないという現象が発生した。F12キーで開発者ツールからコンソールを確認しましたところ「')'がありません」との表示がされ、さらにその関数を動かすと「'関数名'は定義されていません。」と表示された。
症状
aタグリンクからonclickでtest_func関数を動かしたとする。ソースとしては以下のようなもの。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> </head> <body> <a href="javascript:void(0);" onclick="return test_func(1)">test</a> <script> function test_func( score, flg = true ){ if( flg ){ alert(1); } } </script> </body> </html> |
これをchromeやfirefoxではaタグを叩くと「1」のアラートが表示されるが、IE11では何も動作しなかった。コンソールを追うとページを開いた時点で「')'がありません」と表示、aタグを叩くと「test_funcは定義されていません。」と表示された。
原因
明確な原因は正直分からなかったんだけど、関数の初期値(デフォルト引数)がひっかかっているっぽい。初期値を設定せず、またonclickで関数を叩く際に引数をきちんと渡すと正常に動いた。以下のような形。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> </head> <body> <a href="javascript:void(0);" onclick="return test_func(1, true)">test</a> <script> function test_func( score, flg ){ if( flg ){ alert(1); } } </script> </body> </html> |
その他
JavaScriptでデフォルト引数を使うのは遠慮しておいた方が良さそう。使うとしても関数の中で「if(typeof param === 'undefined') param = デフォルト値;」とチェックして代入するような形で使うようにする。
関連記事
-
-
JavaScriptで文字列から数値へ変換時の注意
JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具 ...
-
-
alert後にページ遷移
JavaScriptのalertが閉じたらページ遷移させてほしいと言われ、con ...
-
-
javascriptで画像を取り扱う際の注意
javascriptで画像を取り扱う際に、 ちゃんと要素を指定しているのにも関わ ...
-
-
JavaScriptで小数の計算(decimal.js)
JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...
-
-
JavaScriptで連想配列を数値でソート
数字の大きい順でソートしたかったんだけど、 色々調べてhash.sort云々やっ ...
-
-
JavaScriptでFlashのバージョンを取得
既存のソースでFlashのバージョン取得を 行っているものがあり、使いそうなので ...
-
-
3Dデータ(obj,stlファイル)をブラウザ上で表示する方法
3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件 ...
-
-
複数のajax処理の結果をまとめて表示
同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...
-
-
異なる文字コード間でform送信する
formの送り手がUTF-8で受け手がEUC-JP、 なんとかしてjavascr ...
-
-
javascriptでのについて
javascriptを書く際に、 <script> <!-- ...
- PREV
- 複数の方法で301リダイレクト
- NEXT
- VPSに無料SSLのLet's Encryptを導入