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アナリティクスを連携させる手順をご紹介

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

• Web【都内からも日帰り可能】バーベキューや魚釣り等本格的なアウトドアを体験できる「清川リバーランド」
• WebCDNでjQueryを読み込みつつ、ダウンした際はローカルファイルを読み込む（フォールバックする）記述をご紹介
• Web【1,000円代前半！】ロジクールの格安ヘッドセットがテレワーク用としてコスパ最強
• Web【意外と便利！】要素の中身が空の時に適用できる疑似要素:emptyの挙動についてまとめてみた
• Web【SVN利用者へ】Windows10でTortoise SVNのアイコンオーバーレイが表示されなくなった場合の対処方法
• Web【サラリーマン必見！】長袖ワイシャツのイケてる腕まくり[マスターロール]のやり方

「Web」の他の記事を読む

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