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

 更新时间:2023年09月06日 10:42:02   作者:JavaScript  
本教程将讨论JavaScript中的use strict特性,在这里,我们将通过不同的示例了解如何在JavaScript代码语句中创建和执行use strict关键字,需要的朋友可以参考下

本教程将讨论 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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js表单验证实例讲解

    js表单验证实例讲解

    这篇文章主要为大家详细介绍了js表单验证,JavaScript 可用来在数据被送往服务器前对HTML 表单中的这些输入数据进行验证,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 微信小程序实现手指拖动选项排序

    微信小程序实现手指拖动选项排序

    这篇文章主要介绍了微信小程序实现手指拖动选项排序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • JavaScript设计模式之单件模式介绍

    JavaScript设计模式之单件模式介绍

    这篇文章主要介绍了JavaScript设计模式之单件模式介绍,单件模式,就是静态化的访问中已经实例化的对象,这个对象只能通过一个唯一的入口访问,已经实例或待实例化的对象,需要的朋友可以参考下
    2014-12-12
  • 利用JavaScript做数独的完整实现过程

    利用JavaScript做数独的完整实现过程

    数独游戏是在一个9*9的方格中进行填数字的游戏,需要满足的规则是每行每列和每个子九宫格都是1~9的不重复数字,下面这篇文章主要给大家介绍了关于如何利用JavaScript做数独的相关资料,需要的朋友可以参考下
    2021-09-09
  • JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

    JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

    这篇文章主要给大家介绍了关于JavaScript中常用的3种弹出提示框(alert、confirm、prompt)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • js字符串类型String常用操作实例总结

    js字符串类型String常用操作实例总结

    这篇文章主要介绍了js字符串类型String常用操作,结合实例形式总结分析了javascript字符串类型String常用方法及相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • JS实现滑动拼图验证功能完整示例

    JS实现滑动拼图验证功能完整示例

    这篇文章主要介绍了JS实现滑动拼图验证功能,结合完整实例形式分析了JS滑动拼图验证相关原理、实现步骤与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • javascript中获取选中对象的类型

    javascript中获取选中对象的类型

    javascript中获取选中对象的类型...
    2007-04-04
  • 原生JS实现的轮播图功能详解

    原生JS实现的轮播图功能详解

    这篇文章主要介绍了原生JS实现的轮播图功能,结合实例形式分析了javascript实现轮播图的原理、操作技巧与相关注意事项,需要的朋友可以参考下
    2018-08-08
  • 深入浅出JavaScript前端中的设计模式

    深入浅出JavaScript前端中的设计模式

    这篇文章主要介绍了JavaScript前端中的设计模式,设计模式是一套被反复使用,多数人知晓的,经过分类编目的,代码设计经验的总结,感兴趣想要详细了解可以参考下文
    2023-05-05

最新评论