Javascript開発におけるStrictモード使用のすすめ

Web2016年12月26日

Javascriptの開発をStrictモードで開発を行う事で様々なメリットがあります。本記事ではJavascriptのStrictモードについて解説してみたいと思います。

JavasciprのStrictモードとは？

簡単に言えばJavasciptの次期バージョンに備えて、厳格化されたコーディングのみ許可・実行するモードです。コード内で「"use strict"」を宣言することでそのJavasciptはStrictモードとなります。

構文エラーなどひとつひとつが厳格に処理されるため、これまで検知できなかったようなエラーやコードの問題点を早期に発見しやすくなります。

また、非Strictモードよりも高速に実行が行われるため、パフォーマンス面でも大きなメリットがあります。

Strictモードを使用する主なメリット

• 構文レベルにおいて厳密な会社を行う為、構文エラー等のケアレスミスが防げる
• 「varキーワードを忘れた変数宣言を行ってしまったことによる、意図せぬグローバル変数の追加」などが防げる
• 今後の言語拡張においてStrictモードが前提となっている機能が存在するため、将来への備えになる
• 非対応環境（IE8、9などの古いIE）での副作用がない

非StrictモードとStrictモードの挙動比較

サンプルコード

無名関数全体にStrictモードを有効化

(function () {
    "use strict";
    //ここに処理を記述
})();

関数hogeのみにStrictモードを有効化

function hoge () {
    "use strict";
    //ここに処理を記述
}

Strictモード使用時の注意点

グローバルスコープでの "use strict"; 宣言は行わない

複数のjsファイルを使用している場合、Strictモードが意図しない範囲まで影響する可能性があるため、グローバルスコープでの宣言は行わないようにしましょう。

悪い例

"use strict";//グローバルスコープでStrictモードを宣言
(function () {
    //ここに処理を記述
})();

まとめ

いまいちWeb業界に浸透しきっていないJavascriptのStrictモードですが、メリットが非常に大きいため積極的なご使用をおすすめいいたします。

StrictモードでJavascriptの開発を行う際は、ぜひ本記事をご参考にしていただけますと幸いです。

• 【とっても大事！】結婚式の招待状返送時の記入マナー
• 【簡単5分！】GoogleアドセンスとGoogleアナリティクスを連携させる手順をご紹介

この記事を読んでいる方にオススメの記事

• WebGoogle AdSenseのアカウントを移行する手順
• Webエポスカードのポイントをマルイの商品券を使って現金化
• Web【1日500PV達成！】アクセス停滞期とモチベーション低下を打破した常時SSL化
• Web【動きのあるページを簡単に実装！】スクロールに応じてコンテンツをフェードインさせるjsとcss
• Web【超簡単！】Sublime Text3にSCSSパッケージをインストールしてSassファイルをサクサク編集するまでの手順
• Web【月間10,000PV達成！】ブログ（サイト）を成長させるために続けてきた5つのこと

「Web」の他の記事を読む

• ※承認制のため、即時には反映されません。