📌 第20章厳格モード

🔒 20.1厳格なパターンとは?

  function foo() {
    x = 10;
  }
  foo();

  console.log(x); // ?

上記のコードでは、xは宣言されていないため、ReferenceErrorが生成される可能性がありますが、javascriptエンジンはデフォルトでグローバルオブジェクトxを動的に生成し、デフォルトグローバルと呼ばれます.これらのサイレントグローバルはエラーの原因になる可能性が高いためstrict modeを使用した.
strict modeはjavascript言語の構文をより厳格に適用し、エラーを引き起こす可能性があるコードまたはjavascriptエンジンの最適化操作に問題が発生する可能性があるコードに対して明示的なエラーを発生させる.

🔒 20.2厳格モードの応用

‘use strict’;は、グローバルプリアンブルまたは関数ボディのプリアンブルに追加されます.

  'use strict';

  function foo() {
    x = 10; // ReferenceError: x is not defined
  }
  foo();

🔒 20.3グローバルにstrictモードを適用しない

外部ライブラリでnon-struct modeを使用する場合があるので、スクリプト全体をインスタント実行関数で囲み、スクリプトを区別し、フロントエンドにstrict modeを適用することが望ましい.

🔒 20.4関数単位でstrict modeを適用しないでください

strictmodeは関数単位で適用することもできますが、すべての関数に対してstrictmodeを1つずつ適用するのは面倒で理想的ではありませんので、すぐに実行関数に囲まれたスクリプトユニットとして適用することが望ましいです.

🔒 20.5厳格モードのエラー発生

20.5.1黙示戦

宣言されていない変数を参照すると、ReferenceErrorが発生します.

  (function () {
    'use strict';

    x = 1;
    console.log(x); // ReferenceError: x is not defined
  }());

20.5.2変数、関数およびパラメータの削除

delete演算子で変数、関数、およびパラメータを削除すると、SyntaxErrorになります.

  (function () {
    'use strict';

    var x = 1;
    delete x;
    // SyntaxError: Delete of an unqualified identifier in strict mode.

    function foo(a) {
      delete a;
      // SyntaxError: Delete of an unqualified identifier in strict mode.
    }
    delete foo;
    // SyntaxError: Delete of an unqualified identifier in strict mode.
  }());

20.5.3パラメータ名の重複

重複するパラメータ名を使用すると、SyntaxErrorになります.

  (function () {
    'use strict';

    //SyntaxError: Duplicate parameter name not allowed in this context
    function foo(x, x) {
      return x + x;
    }
    console.log(foo(1, 2));
  }());

20.5.4連絡

with文を使用するとSyntaxErrorが発生します.with文は性能と可読性が悪くなるという問題があるのでwith文は使用しないほうがいいです.

  (function () {
    'use strict';

    // SyntaxError: Strict mode code may not include a with statement
    with({ x: 1 }) {
      console.log(x);
    }
  }());

🔒 20.6厳格モードを採用

20.6.1一般関数のthis

strictモードで関数を通常の関数として呼び出すと、定義されていないものがバインドされます.

  (function () {
    'use strict';

    function foo() {
      console.log(this); // undefined
    }
    foo();

    function Foo() {
      console.log(this); // Foo
    }
    new Foo();
  }());

20.6.2 argumentsオブジェクト

strictモードでは、パラメータに渡されるパラメータを再割り当てして変更してもパラメータオブジェクトには反映されません.

  (function (a) {
    'use strict';
    // 매개변수에 전달된 인수를 재할당하여 변경
    a = 2;

    // 변경된 인수가 arguments 객체에 반영되지 않는다.
    console.log(arguments); // { 0: 1, length: 1 }
  }(1));