JavaScript 中实现 use strict的方法及优势

更新时间：2023年09月06日 10:42:02 作者：JavaScript

本教程将讨论JavaScript中的use strict特性,在这里,我们将通过不同的示例了解如何在JavaScript代码语句中创建和执行use strict关键字,需要的朋友可以参考下

JavaScript 中的 use strict

在 JavaScript 版本 ECMAScript 5 中，严格模式是引入的一项新功能，它将帮助我们在严格的操作上下文中执行一组程序及其功能。我们 use strict 的上下文来限制执行各种操作并抛出更多异常。

我们通过语句 use strict 指示浏览器 use strict 模式。它是 JavaScript 的最小且更安全的功能集。

在 JavaScript 中实现 use strict

请记住，我们不能对用大括号括起来的块语句 use strict 模式。下面提到了两种 use strict 模式的方法：

我们可以在整个脚本的全局范围内使用它。
我们可以在个别功能中使用它。

在 JavaScript 中为整个脚本实现 use strict

在任何其他语句之前，我们将确切的语句 use strict 用于为整个脚本调用严格模式。

语法：

//strict mode syntax for Whole-script
'use strict';
let a = "script for strict mode!";

为 JavaScript 中的单个函数实现 use strict

在函数体中，在任何其他语句之前，我们将确切的语句 use strict 用于调用函数的严格模式。

语法：

function strictFunction() {
    // strict mode syntax for Function
    'use strict';
    function nestedFunction() { return 'Javascript on DelftStack'; }
    return "strict mode functions!  " + nestedFunction();
}
function notStrictFunction() { return "non strict function"; }

严格模式示例

众所周知，错误输入变量名会在普通 JavaScript 中创建一个新的全局变量。在严格模式下，它会抛出一个错误。

例子：

<!DOCTYPE html>
<html>
<body>
    <p>function will cause errors while using `use strict` in that function.</p>
    <p>To see the error reprt just activate debugging in your browser by pressing (F12).</p>
    <script>
        a = 10;    // This will not cause an error.
        myFunction();
        function myFunction() {
            "use strict";
            b = 10;  // This will cause an error (b is not defined).
        }
    </script>
</body>
</html>

我们在这个 HTML 页面源代码中定义了 <script> 标记以使用 JavaScript 代码语句。在 <script> 标签内，我们简单地用数值 10 初始化未定义变量 a 并调用 myFunction()。

之后，我们使用 use strict 关键字创建了 myFunction() 的声明。我们还用数值 10 初始化了未定义的变量 b，以在 use strict 模式下测试执行。

你可以使用 .html 扩展名保存给定的 HTML 示例，并在任何浏览器中打开它以检查输出。你需要激活浏览器的调试模式，只需按 F12 即可查看错误报告。

输出：

the function will cause errors while using `use strict`.

To see the error report, activate debugging in your browser by pressing (F12).

在 JavaScript 中实现 use strict 的优势

在简单的 JavaScript 语义中，严格模式进行了各种更改。我们可以通过 use strict 模式将它们更改为抛出错误来消除 JavaScript 的一些静默错误。

为了执行优化，我们可以修复使 JavaScript 引擎难以处理的错误。
严格模式的代码有时可以比普通代码执行得更快，这是严格模式所没有的。
在 ECMAScript 的未来版本中，严格模式会阻止某些可能被定义的语法。
严格模式可防止任何不安全的操作，例如尝试访问全局变量或对象。
严格模式禁用令人困惑的功能或考虑不周的功能。
为了更有效地编写安全的 JavaScript，我们使用严格模式。

到此这篇关于如何在 JavaScript 中实现 use strict的文章就介绍到这了,更多相关js实现use strict内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

前端TypeScript高级技巧正确做法(让你的代码更安全)
TypeScript中丰富的类型系统提供了足够的灵活性和表达力,让用户可以在保证类型安全的同时编写出更加优雅和高效的代码,这篇文章主要介绍了前端TypeScript高级技巧正确做法的相关资料,需要的朋友可以参考下
2026-04-04
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
这篇文章主要介绍了JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt,需要的朋友可以参考下
2015-11-11
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
这篇文章主要介绍了javaScript生成二维码，改造jquery.qrcode.js，使之支持中文，能带logo的二维码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
百度空间的popup效果分析
自从用firefox浏览器以来，就几乎养成了一个习惯，就想用WebDeveloper把一些漂亮网站的js包括css给down下来分析一下，用来学习。
2008-10-10
微信小程序实现导航栏选项卡效果
这篇文章主要为大家详细介绍了微信小程序实现导航栏选项卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-02-02
TypeScript新特性之using关键字的使用方法
TypeScript 5.2版本中新添加了using关键字,目前该关键字的提案也进入了ECMAScript的Stage 3,也就是说很快就会进入JavaScript语言本身中,using和const, let和var一样都是用于变量声明的,那么它到底有什么与众不同的地方呢,本文给大家介绍的非常详细
2023-11-11
js中hasOwnProperty()方法详解
本文主要介绍了js中hasOwnProperty()方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
JS仿Windows开机启动Loading进度条的方法
这篇文章主要介绍了JS仿Windows开机启动Loading进度条的方法,实例分析了javascript操作html元素及对应样式实现特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
Bootstrap每天必学之前端开发框架
Bootstrap每天必学之前端开发框架，今天这篇文章就带着大家了解认识当下最流行的前端开发框架Bootstrap，bootstrap深受大家喜爱的原因到底是什么呢，我们一探究竟。
2015-11-11
非常全面的12种js数组去重的方法
数组的去重方法,其实无论实在实际项目还是在面试中都会有用到的,下面这篇文章主要给大家介绍了非常全面的12种js数组去重的方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-07-07