ホームページ > 記事 > ウェブフロントエンド > JavaScript の厳密モードの違いは何ですか
相違点: 1. with ステートメントの使用は禁止されています; 2. this キーワードがグローバル オブジェクトを指すことは禁止されています; 3. 関数内の呼び出しスタックをトラバースすることは禁止されています; 4.オブジェクトには重複した名前を付けることはできず、関数には重複した名前を付けることはできません パラメータ; 5. 8 進表記は禁止されます; 6. 引数の割り当ては許可されません; 7. 関数は非関数コード ブロックで宣言できません。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
Strict モードでは、JavaScript の構文と動作にいくつかの変更が加えられています。
1 グローバル変数の明示的な宣言
通常モードでは、宣言されずに変数に値が割り当てられた場合、デフォルトはグローバル変数です。変数。厳密モードではこの使用は禁止されており、グローバル変数は明示的に宣言する必要があります。
"use strict"; v = 1; // 报错,v未声明 for(i = 0; i < 2; i++) { // 报错,i未声明 }
したがって、厳密モードでは、使用前に変数を var コマンドで宣言する必要があります。
2 静的バインディング
JavaScript 言語の特徴の 1 つは、「動的バインディング」、つまり特定のプロパティとメソッドがどのオブジェクトに属するかは、コンパイル時ではなく実行時に決定されます。
厳密モードでは、動的バインディングにいくつかの制限が課されます。場合によっては、静的バインディングのみが許可されます。つまり、プロパティとメソッドがどのオブジェクトに属するかは、コンパイル段階で決定されます。これにより、コンパイル効率が向上し、コードが読みやすくなり、予期せぬ事態が少なくなります。
具体的には、次のような側面が含まれます。
(1) with ステートメントの使用は禁止されています
with ステートメントではコンパイル時に属性がどのオブジェクトに属しているかを判断できないためです。
"use strict"; var v = 1; with (o){ // 语法错误 v = 2; }
(2) eval スコープの作成
通常モードでは、JavaScript 言語にはグローバル スコープと関数スコープの 2 つの変数スコープ (スコープ) があります。厳密モードでは、3 番目のスコープである eval スコープが作成されます。
通常モードでは、eval ステートメントのスコープは、グローバル スコープにあるか関数スコープにあるかによって異なります。 strict モードでは、eval ステートメント自体がスコープであるため、グローバル変数を生成できなくなり、生成された変数は eval 内でのみ使用できます。
"use strict"; var x = 2; console.info(eval("var x = 5; x")); // 5 console.info(x); // 2
3 セキュリティ対策の強化
(1) このキーワードがグローバル オブジェクトを指すことを禁止します
function f(){ return !this; } // 返回false,因为"this"指向全局对象,"!this"就是false function f(){ "use strict"; return !this; } // 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。
したがって、コンストラクターを使用するときに new を追加するのを忘れた場合、これはグローバル オブジェクトを指すことはなくなり、エラーが報告されます。
function f(){ "use strict"; this.a = 1; }; f();// 报错,this未定义
(2) 関数内の呼び出しスタックを走査することは禁止されています
function f1(){ "use strict"; f1.caller; // 报错 f1.arguments; // 报错 } f1();
4 変数を削除することは禁止されています
厳密モードでは変数を削除できません。構成可能項目が true に設定されているオブジェクト プロパティのみを削除できます。
"use strict"; var x; delete x; // 语法错误 var o = Object.create(null, {'x': { value: 1, configurable: true }}); delete o.x; // 删除成功
5 明示的なエラー レポート
通常モードでは、オブジェクトの読み取り専用プロパティに値を割り当てるときに、エラーは発生しません。報告されても、黙って失敗するだけです。厳密モードでは、エラーが報告されます。
"use strict"; var o = {}; Object.defineProperty(o, "v", { value: 1, writable: false }); o.v = 2; // 报错
厳密モードでは、ゲッター メソッドを使用して読み取られた属性に値を割り当てるときにエラーが報告されます。
"use strict"; var o = { get v() { return 1; } }; o.v = 2; // 报错
厳密モードでは、展開が禁止されているオブジェクトに新しい属性を追加するとエラーが発生します。
"use strict"; var o = {}; Object.preventExtensions(o); o.v = 1; // 报错
厳密モードでは、削除できない属性を削除するとエラーが発生します。
"use strict"; delete Object.prototype; // 报错
6 名前の重複エラー
厳密モードでは、いくつかの新しい構文エラーが追加されました。
(1) オブジェクトに同じ名前の属性を含めることはできません
通常モードでは、オブジェクトに同じ名前の複数の属性がある場合、最後に割り当てられた属性が使用されます。前の値を上書きします。厳密モードでは、これは構文エラーです。
"use strict"; var o = { p: 1, p: 2 }; // 语法错误
(2) 関数には同じ名前のパラメータを含めることはできません
通常モードでは、関数に同じ名前のパラメータが複数ある場合、引数を使用できます。 [i] を選択して読みます。厳密モードでは、これは構文エラーです。
"use strict"; function f(a, a, b) { // 语法错误 return ; }
7 8 進数表現の禁止
通常モードでは、整数の最初の桁が 0 の場合、8 進数であることを意味します。 0100 などの数値は、10 進数で 64 に相当します。厳密モードではこの表現は禁止されており、整数の最初のビットは 0 であり、エラーが報告されます。
"use strict"; var n = 0100; // 语法错误
8 引数オブジェクトの制限
arguments は関数のパラメータ オブジェクトであり、厳密モードではその使用が制限されます。
(1) 引数への代入は許可されていません
"use strict"; arguments++; // 语法错误 var obj = { set p(arguments) { } }; // 语法错误 try { } catch (arguments) { } // 语法错误 function arguments() { } // 语法错误 var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误
(2) 引数はパラメータの変更を追跡しなくなりました
function f(a) { a = 2; return [a, arguments[0]]; } f(1); // 正常模式为[2,2] function f(a) { "use strict"; a = 2; return [a, arguments[0]]; } f(1); // 严格模式为[2,1]
(3) argument.callee
の使用は禁止されています。これは、匿名関数内で自分自身を呼び出すことができないことを意味します。
"use strict"; var f = function() { return arguments.callee; }; f(); // 报错
9 関数はトップレベルで宣言する必要があります
将来、JavaScript の新しいバージョンでは「ブロックレベルのスコープ」が導入される予定です。 。新しいバージョンに準拠するために、厳密モードでは、グローバル スコープまたは関数スコープの最上位レベルで関数を宣言することのみが許可されます。つまり、関数以外のコード ブロック内で関数を宣言することはできません。
"use strict"; if (true) { function f() { } // 语法错误 } for (var i = 0; i < 5; i++) { function f2() { } // 语法错误 }
【相关推荐:javascript学习教程】
以上がJavaScript の厳密モードの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。