在 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 中为一个元素设置多个属性
发布时间:2024/03/19 浏览次数:187 分类:JavaScript
-
本教程向我们展示了如何使用 JavaScript 一次为一个元素设置多个属性。我们将使用 setAttribute() 方法将每个属性及其值添加到元素中,并使用 Object.keys() 和 forEach() 方法来获取对象键的数
HTML Script Type 属性的使用
发布时间:2024/03/19 浏览次数:74 分类:JavaScript
-
本教程展示了 HTML5、HTML 4.01、XHTML 和 VBScripts 中 HTML 脚本类型属性的使用。
在 JavaScript 中使用 Onclick 转到 URL
发布时间:2024/03/19 浏览次数:129 分类:JavaScript
-
在今天的帖子中,我们将学习 JavaScript 中的 onclick 转到 URL。
在 JavaScript 中使用 HTML Canvas 调整图像大小
发布时间:2024/03/19 浏览次数:82 分类:JavaScript
-
在今天的帖子中,我们将学习在 JavaScript 中使用 HTML 画布调整图像大小。
在 JavaScript 中生成随机颜色
发布时间:2024/03/19 浏览次数:150 分类:JavaScript
-
以 JavaScript 内置 Math 函数和 JQuery 库为 UI(用户界面)随机改变 HTML 网页 onClick 背景色为例。
使用 JavaScript 在 HTML5 Canvas 中绘制圆
发布时间:2024/03/19 浏览次数:53 分类:JavaScript
-
在今天的帖子中,我们将学习如何使用 JavaScript 在 HTML Canvas 中创建图形,特别是圆形。