“use strict“:是JavaScript的救星还是束缚?

了解严格模式

在这一部分,我们将深入探讨严格模式('use strict'),了解它的基本概念以及为什么在JavaScript中使用它。通过建立对严格模式的理解,我们可以更好地探讨它的优点和局限性。让我们开始吧。

1.1 严格模式是什么?

'use strict'是一种特殊的编译指令,用于告诉JavaScript引擎以严格模式来执行代码。它是ECMAScript 5(ES5)引入的一个重要特性,旨在提高JavaScript代码的质量和安全性。

1.2 为什么需要严格模式?

严格模式的引入是出于对JavaScript代码的改进考虑。它的存在有以下目的:

  • 代码质量提升: 通过强制更严格的代码规范,严格模式有助于降低代码中潜在错误的风险。

  • 安全性增强: 严格模式禁用了一些潜在的不安全特性,有助于减少漏洞的可能性。

  • 性能优化: 由于对代码执行的更严格要求,严格模式可以帮助JavaScript引擎更有效地进行优化,提高代码的性能。

  • 规范约束: 严格模式引入了一些新的保留字,强制开发者遵守更严格的规则,以确保代码的一致性。

在接下来的部分,我们将深入探讨严格模式的各种优点,以帮助你更好地理解它为何被认为是JavaScript的救星。

'use strict'的优点和示例

2.1 防止全局变量泄露

优点: 严格模式可以防止全局变量的意外创建。

示例:

在非严格模式下,如果我们不小心遗漏var关键字,变量会成为全局变量,这可能导致问题:

function createGlobalVariable() {
    globalVar = 10; 
}

createGlobalVariable();
console.log(globalVar); 

在严格模式下,这种情况会导致ReferenceError

"use strict";

function createGlobalVariable() {
    globalVar = 10; 
}

createGlobalVariable(); 


2.2 抛出异常

优点: 严格模式会在一些情况下抛出异常,有助于更早地检测问题。

示例:

在非严格模式下,一些潜在问题可能默默失败:

function silentFailure() {
    undeclaredVar = 20; 
}

silentFailure();
console.log(undeclaredVar); 


在严格模式下,这种情况会抛出ReferenceError

"use strict";

function silentFailure() {
    undeclaredVar = 20; 
}

silentFailure(); 


2.3 增强安全性

优点: 严格模式禁用了一些不安全的功能,有助于减少潜在的漏洞。

示例:

在非严格模式下,with语句可能导致不明确的变量引用:

function unsafeWith() {
    var obj = { value: 42 };
    with (obj) {
        console.log(value); 
    }
}

unsafeWith();


在严格模式下,with语句不允许使用,以提高代码的可维护性和安全性:

"use strict";

function unsafeWith() {
    var obj = { value: 42 };
    with (obj) {
        console.log(value); 
    }
}


2.4 提高代码质量

优点: 严格模式会捕获一些常见的编码错误,有助于提高代码的质量和可维护性。

示例:

在非严格模式下,可能不会捕获到未声明的变量使用:

function commonError() {
    mistypedVar = 100; 
}

commonError();


在严格模式下,这种情况将引发ReferenceError,帮助我们更早地发现问题:

"use strict";

function commonError() {
    mistypedVar = 100; 
}

commonError(); 


2.5 性能优化

优点: 由于对代码的更严格要求,严格模式可以帮助JavaScript引擎更有效地进行优化,提高代码的性能。

在下一部分,我们将讨论严格模式的一些潜在限制,以全面了解它的使用。

'use strict'的限制和示例

虽然严格模式提供了许多优点,但也有一些限制和潜在问题,包括:

3.1缺失一些常见功能:

严格模式禁用了一些功能,如 with 语句,可能需要开发者适应新的编码模式。

示例: 严格模式禁止使用 with 语句,这可能需要在某些情况下编写更多的冗长代码:

"use strict";

var obj = { x: 10, y: 20 };


with (obj) {
    sum = x + y; 
}


3.2无法访问 function.callerfunction.arguments

在严格模式下,访问 function.callerfunction.arguments 会导致错误,可能影响一些特定的调试和函数调用跟踪需求。

示例: 在非严格模式下,可以使用 function.caller 来访问调用函数的引用,但在严格模式下无法使用:

function getCallerName() {
    return getCallerName.caller.name; 
}


3.3脚本合并问题:

如果合并了使用不同严格模式编写的脚本,可能会导致一些不兼容或问题。因此,在项目中要确保一致地使用严格模式。

结论

'use strict' 是用于对整个脚本或单个函数启用严格模式的语句。严格模式是可选择的一个限制 JavaScript 的变体一种方式 。

优点:

  • 无法再意外创建全局变量。

  • 会使引起静默失败(silently fail,即:不报错也没有任何效果)的赋值操抛出异常。

  • 试图删除不可删除的属性时会抛出异常(之前这种操作不会产生任何效果)。

  • 要求函数的参数名唯一。

  • 全局作用域下,this的值为undefined

  • 捕获了一些常见的编码错误,并抛出异常。

  • 禁用令人困惑或欠佳的功能。

缺点:

  • 缺失许多开发人员已经习惯的功能。

  • 无法访问function.callerfunction.arguments

  • 以不同严格模式编写的脚本合并后可能导致问题。

总的来说,我认为利大于弊,我从来不使用严格模式禁用的功能,因此我推荐使用严格模式。

  • 16
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Web面试那些事儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值