JavaScript面向?qū)ο笾械膰?yán)格模式個(gè)人分享

lordharrd 發(fā)布于2019-08-23 11:27 / 3265人閱讀

摘要：嚴(yán)格模式嚴(yán)格模式的概念所謂嚴(yán)格模式就是對(duì)中的一種限制性更強(qiáng)的方式屬于代碼的一種強(qiáng)制規(guī)則來(lái)規(guī)范代碼的格式簡(jiǎn)單的說(shuō)就是必須按照嚴(yán)格模式的規(guī)則書寫代碼否則就會(huì)報(bào)錯(cuò)嚴(yán)格模式修正了一些引擎難以優(yōu)化的錯(cuò)誤同樣的代碼有些時(shí)候嚴(yán)格模式會(huì)比非嚴(yán)格模式下更加快

嚴(yán)格模式 嚴(yán)格模式的概念

所謂嚴(yán)格模式就是對(duì)JavaScript中的一種限制性更強(qiáng)的方式.

屬于代碼的一種強(qiáng)制規(guī)則,來(lái)規(guī)范代碼的格式簡(jiǎn)單的說(shuō)就是必須按照嚴(yán)格模式的規(guī)則書寫代碼否則就會(huì)報(bào)錯(cuò)

嚴(yán)格模式修正了一些引擎難以優(yōu)化的錯(cuò)誤: 同樣的代碼有些時(shí)候嚴(yán)格模式會(huì)比非嚴(yán)格模式下更加快

開(kāi)啟嚴(yán)格模式 全局開(kāi)啟嚴(yán)格模式

就是在所有代碼之前,定義一個(gè)不會(huì)賦給任何變量的字符串

示例代碼:

// 開(kāi)啟嚴(yán)格模式 - 作用于全局作用域
  "use strict";
// 定義一個(gè)變量 - 不使用var關(guān)鍵字

b = "皮卡丘";
console.log(b);

控制臺(tái)示例圖:

變量 禁止意外創(chuàng)建變量

沒(méi)有開(kāi)啟嚴(yán)格模式時(shí)

在調(diào)用該變量時(shí)，不會(huì)報(bào)錯(cuò)

解釋器會(huì)自動(dòng)補(bǔ)全 var關(guān)鍵字

開(kāi)啟嚴(yán)格模式時(shí)

在調(diào)用該變量時(shí)，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

var v = "舒克,貝特";
console.log(v);


function fn() {
    /* 在非嚴(yán)格模式:
        * 在函數(shù)作用域中定義變量 - 不適用var關(guān)鍵字時(shí)JavaScript就會(huì)自動(dòng)將其提升為全局變量
     */
    w = "貓和老鼠";
    console.log(w);
}
fn();
console.log(w);

控制臺(tái)效果對(duì)比圖:

靜默失敗轉(zhuǎn)為異常

靜默表示既不報(bào)錯(cuò)也不顯示任何效果

在嚴(yán)格模式下，靜默失敗會(huì)轉(zhuǎn)為報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

const v = 12.19;// 定義常量
v = 1993;// 重新賦值

console.log(v);

控制臺(tái)效果圖:

禁用delete關(guān)鍵字

注意: 注意: 嚴(yán)格模式下禁用delete關(guān)鍵字 - 是針對(duì)刪除變量,而不是數(shù)組元素的對(duì)象屬性的

在非嚴(yán)格模式下，對(duì)變量使用delete 會(huì)靜默失敗

在嚴(yán)格模式下，對(duì)變量使用delete 會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

// 注意: 嚴(yán)格模式下禁用delete關(guān)鍵字 - 是針對(duì)刪除變量,而不是數(shù)組元素的對(duì)象屬性的

// 定義一個(gè)全局變量
var v = "皮卡丘";
console.log(v);

delete  v;//刪除全局變量v
console.log(v);

//定義一個(gè)數(shù)組
var arr = [1,2,3,4,5];
delete arr[0];
console.log(arr);


// 定義一個(gè)對(duì)象
var obj = {
    name : "花花世界"
};
delete obj.name;
console.log(obj.name);

控制臺(tái)效果對(duì)比:

對(duì)變量名的限制

注意: 嚴(yán)格模式下不允許把保留字當(dāng)變量名稱 - 因?yàn)樵贓S6中保留字會(huì)變成關(guān)鍵字

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/*
    注意: 嚴(yán)格模式下不允許把保留字當(dāng)變量名稱
      * 因?yàn)樵贓S6中保留字會(huì)變成關(guān)鍵字
 */
var static = "一花一世界";
console.log(static);

控制臺(tái)效果對(duì)比圖:

對(duì)象 不可刪除的屬性

在非嚴(yán)格模式下，使用delete去刪除不可刪除的屬性時(shí)，會(huì)靜默失敗

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 使用delete 刪除Object對(duì)象的原型屬性 */
delete Object.prototype;
/* 在調(diào)用Object對(duì)象的原型屬性 */
console.log(Object.prototype);

控制臺(tái)效果對(duì)比圖:

屬性名必須唯一

當(dāng)開(kāi)啟嚴(yán)格模式時(shí) - 對(duì)象具有相同名稱的屬性時(shí),編輯器報(bào)錯(cuò)(不是運(yùn)行時(shí)報(bào)錯(cuò))

當(dāng)非嚴(yán)格模式時(shí) - 對(duì)象具有相同名稱的屬性時(shí),后面的會(huì)覆蓋前面的屬性名

示例代碼:

// 開(kāi)啟嚴(yán)格模式
 "use strict";

var obj = {
    /*
        當(dāng)開(kāi)啟嚴(yán)格模式時(shí) - 對(duì)象具有相同名稱的屬性時(shí),編輯器報(bào)錯(cuò)(不是運(yùn)行時(shí)報(bào)錯(cuò))
        當(dāng)非嚴(yán)格模式時(shí) - 對(duì)象具有相同名稱的屬性時(shí),后面的會(huì)覆蓋前面的屬性名
     */
    name : "皮卡丘",
    name : "亞奇洛貝"
};
console.log(obj.name);

控制臺(tái)效果對(duì)比圖:

只讀屬性的賦值

在非嚴(yán)格模式下，對(duì)只讀屬性進(jìn)行從新賦值，會(huì)靜默失敗

在嚴(yán)格模式下，對(duì)只讀屬性進(jìn)行重新賦值，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 定義一個(gè)對(duì)象 */
var obj = {
    name : "皮卡丘"
};
/* 獲取指定屬性的屬性描述符 - 將屬性改為只讀屬性 */
var result = Object.getOwnPropertyDescriptor(obj,"name");
console.log(result);
// 定義對(duì)象obj的只讀屬性
Object.defineProperty(obj,"age",{
    value : 18
});
// 針對(duì)只讀屬性進(jìn)行修改操作
// obj.age = 80;
// console.log(obj.age);

delete obj.age;
console.log(obj.age);

控制臺(tái)效果對(duì)比圖:

不可擴(kuò)展的對(duì)象

在非嚴(yán)格模式下，對(duì)不可擴(kuò)展的對(duì)象添加新屬性，會(huì)靜默失敗

在嚴(yán)格模式下，對(duì)不可擴(kuò)展的對(duì)象添加新屬性，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 定義一個(gè)空對(duì)象 */
var obj = {};
// 設(shè)置對(duì)象obj是一個(gè)不可擴(kuò)展的對(duì)象
Object.preventExtensions(obj);
// 為對(duì)象obj新增屬性
obj.name = "皮卡丘";
/* 調(diào)用對(duì)象 */
console.log(obj);

控制臺(tái)效果對(duì)比圖:

函數(shù) 參數(shù)名必須唯一

在非嚴(yán)格模式下，參數(shù)名允許重復(fù)，后面匹配的參數(shù)會(huì)覆蓋之前匹配的參數(shù)

在嚴(yán)格模式下，參數(shù)名重復(fù)時(shí)，編輯器會(huì)提示報(bào)錯(cuò)，運(yùn)行時(shí)也會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 定義一個(gè)函數(shù) */
function fn(a,a,b) {
    console.log(a + a + b);
}
/* 調(diào)用函數(shù)并傳遞參數(shù) */
fn(1,2,3);

控制臺(tái)效果對(duì)比圖:

arguments的不同

嚴(yán)格模式下 - arguments對(duì)象獲取參數(shù)的值與形參有關(guān)的

如果局部變量與形參名相同 - 就根據(jù)就近原則進(jìn)行獲取

嚴(yán)格模式下 - arguments對(duì)象獲取參數(shù)的值與形參無(wú)關(guān)的

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

function fn(value) {
    var value = "皮卡丘";
    console.log(value);// 調(diào)用結(jié)果為 皮卡丘 - 就近原則
    /*
        * 嚴(yán)格模式下 - arguments對(duì)象獲取參數(shù)的值與形參有關(guān)的
          * 如果局部變量與形參名相同 - 就根據(jù)就近原則進(jìn)行獲取
        * 嚴(yán)格模式下 - arguments對(duì)象獲取參數(shù)的值與形參無(wú)關(guān)的
     */
    console.log(arguments[0]);// 調(diào)用結(jié)果為 皮卡丘 , 嚴(yán)格模式下調(diào)用結(jié)果為 皮皮蝦
}
fn("皮皮蝦");

控制臺(tái)效果對(duì)比圖:

arguments對(duì)象的callee( )方法

在非嚴(yán)格模式下，callee()方法表示當(dāng)前調(diào)用的函數(shù)

在嚴(yán)格模式下，arguments對(duì)象將無(wú)法調(diào)用callee()方法，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 定義一個(gè)函數(shù) */
function fn() {
    console.log(arguments.length);
    /* 將callee()方法返回 */
    return arguments.callee;
}
fn();

控制臺(tái)效果對(duì)比圖:

函數(shù)聲明的限制

在嚴(yán)格模式下, 函數(shù)的定義只能在全局作用域與函數(shù)作用域(不能再塊級(jí)作用域定義函數(shù))

在非嚴(yán)格模式下，函數(shù)可以在任何作用域下進(jìn)行定義

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

// 在全局作用域
function fn() {
    // 在函數(shù)作用域
    function n() {}
}
// 在嚴(yán)格模式下, 函數(shù)的定義只能在全局作用域與函數(shù)作用域(不能再塊級(jí)作用域定義函數(shù))
for (var i=0; i<10; i++){
    //ECMAScript 6新增 - 存在著塊級(jí)作用域
    var v = 100;
    function f() {
        console.log("這是一個(gè)皮卡丘");
    }
}
console.log(v);
f();

控制臺(tái)對(duì)比效果圖:

eval()函數(shù) 增加eval()作用域

在非嚴(yán)格模式下，eval()函數(shù)創(chuàng)建的變量可以在其他位置進(jìn)行調(diào)用

在嚴(yán)格模式下，eval()函數(shù)創(chuàng)建的變量只能在當(dāng)前eval()函數(shù)中使用，其他位置調(diào)用會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

// 在嚴(yán)格模式下,增加eval作用域 - eval()函數(shù)定義的變量只能在當(dāng)前eval()函數(shù)中使用
eval("var v = "一花一世界";");
// 在全局作用域中調(diào)用變量 - 則會(huì)報(bào)錯(cuò)
console.log(v);// 非嚴(yán)格模式下調(diào)用結(jié)果為 一花一世界

控制臺(tái)效果對(duì)比圖:

arguments對(duì)象 禁止讀寫

在非嚴(yán)格模式下，使用 eval 或 arguments 做為標(biāo)識(shí)符（變量名、函數(shù)名、對(duì)象名）時(shí)，會(huì)靜默失敗

在嚴(yán)格模式下，使用 eval 或 arguments 做為標(biāo)識(shí)符（變量名、函數(shù)名、對(duì)象名）時(shí)，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";

/* 使用 eval 或 arguments 做為標(biāo)識(shí)符 */
eval = 17;
arguments++;
++eval;
var obj = { set p(arguments) { } };
var eval;
try { } catch (arguments) { }
function x(eval) { }
function arguments() { }
var y = function eval() { };
var f = new Function("arguments", ""use strict"; return 17;");

代碼效果圖:

this關(guān)鍵字 抑制this

在非嚴(yán)格模式下，在函數(shù)使用apply()方法或call()方法來(lái)調(diào)用函數(shù)時(shí)，使用null或undefined來(lái)代替this的指向?qū)ο髸r(shí)，this會(huì)指向全局對(duì)象

在嚴(yán)格模式下，在函數(shù)使用apply()方法或call()方法來(lái)調(diào)用函數(shù)時(shí)，使用null或undefined來(lái)代替this的指向?qū)ο髸r(shí)，會(huì)報(bào)錯(cuò)

示例代碼:

// 開(kāi)啟嚴(yán)格模式
"use strict";


/* 定義全局變量 */
var v = 100;

/* 定義函數(shù) */
function fn() {
    console.log(this.v);
}


/* 使用appl()方法或call()方法來(lái)調(diào)用函數(shù) */
fn.call(obj);// this 指向全局對(duì)象

控制臺(tái)效果對(duì)比圖:

GPU云服務(wù)器云服務(wù)器 javascript嚴(yán)格模式面向?qū)ο笤O(shè)計(jì)模式 javascript 面向?qū)ο?/a> javascript面向?qū)ο?/a>

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/96975.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

lordharrd

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

java常用工具類封裝

閱讀 3359·2021-09-30 09:47
CUBECLOUD：6周年&新品發(fā)布，5折優(yōu)惠，洛杉磯強(qiáng)制三網(wǎng)ASCU4837回程，

閱讀 2742·2021-08-18 10:22
云基：洛杉磯CN2-GIA、國(guó)內(nèi)外高防服務(wù)器，最高500G DDoS防御，無(wú)視CC攻擊，10分鐘交付

閱讀 2527·2021-08-16 10:49
[CSS]《CSS揭秘》第五章——字體排印

閱讀 2893·2019-08-30 15:53
CSS的常用單位 %和 vw vh 和 box-sizing：border-box; 和flex

閱讀 2738·2019-08-29 16:14
關(guān)于BFC

閱讀 3191·2019-08-28 18:18
微信小程序 bug 集中營(yíng)

閱讀 3237·2019-08-26 13:21
深度剖析js數(shù)組

閱讀 794·2019-08-26 12:02

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript面向?qū)ο笾械膰?yán)格模式個(gè)人分享

相關(guān)文章

JavaScript之a(chǎn)rguments

JavaScript面向對(duì)象中的嚴(yán)格模式

**前端_JavaScript_面向對(duì)象編程**

JavaScript之“use strict”

JavaScript 之面向對(duì)象 [ 嚴(yán)格模式 ]

發(fā)表評(píng)論

0條評(píng)論

lordharrd

男|高級(jí)講師

TA的文章

java常用工具類封裝

CUBECLOUD：6周年&新品發(fā)布，5折優(yōu)惠，洛杉磯強(qiáng)制三網(wǎng)ASCU4837回程，

云基：洛杉磯CN2-GIA、國(guó)內(nèi)外高防服務(wù)器，最高500G DDoS防御，無(wú)視CC攻擊，10分鐘交付

[CSS]《CSS揭秘》第五章——字體排印

CSS的常用單位 %和 vw vh 和 box-sizing：border-box; 和flex

關(guān)于BFC

微信小程序 bug 集中營(yíng)

深度剖析js數(shù)組

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript面向?qū)ο笾械膰?yán)格模式個(gè)人分享

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！