JavaScript進階【二】JavaScript 嚴格模式(use strict)的使用

版權聲明：本文為部落客原創文章，未經部落客允許不得轉載。更多學習資料請通路我愛科技論壇:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/79249309

/***
 *使用嚴格模式的原因：
 *
 ①：消除Javascript文法的一些不合理、不嚴謹之處，減少一些怪異行為;
 ②：消除代碼運作的一些不安全之處，保證代碼運作的安全；
 ③：提高編譯器效率，增加運作速度；
 ④：為未來新版本的Javascript做好鋪墊。
 */


//不允許使用未聲明的變量：
"use strict";
z = 3.14;                // 報錯 (z 未定義)

//對象也是一個變量。
"use strict";
z = {p1:10, p2:20};      // 報錯 (z 未定義)


//不允許删除變量或對象。
"use strict";
var x = 3.14;
delete x;                // 報錯：Uncaught SyntaxError: Delete of an unqualified identifier in strict mode

//不允許删除函數。
"use strict";
 function func(n1, n2) {};
delete func;                // 報錯

// 不允許變量重名:
"use strict";
function func(n1, n2) {};   // 報錯

// 不允許使用八進制:
"use strict";
var x = 010;             // 報錯:error


//不允許使用轉義字元:
"use strict";
var x = \010;            // 報錯


// 不允許對隻讀屬性指派:
"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});

obj.x = 3.14;            // 報錯:Uncaught TypeError: Cannot assign to read only property 'x' of object '#<Object>'


//不允許對一個使用getter方法讀取的屬性進行指派
"use strict";
var obj = {get x() {return 0} };

obj.x = 3.14;            // 報錯:ncaught TypeError: Cannot set property x of #<Object> which has only a getter


// 不允許删除一個不允許删除的屬性：
"use strict";
delete Object.prototype; // 報錯

//變量名不能使用 "eval" 字元串:
//eval() 函數可計算某個字元串，并執行其中的的 JavaScript 代碼。
"use strict";
var eval = 3.14;         // 報錯

//變量名不能使用 "arguments" 字元串:
"use strict";
var arguments = 3.14;    // 報錯



//禁止this關鍵字指向全局對象。
function f(){
    return !this;
}
// 傳回false，因為"this"指向全局對象，"!this"就是false

function f(){
    "use strict";
    return !this;
}
// 傳回true，因為嚴格模式下，this的值為undefined，是以"!this"為true。