JavaScript起点(严格模式深度了解)

JavaScript起点(严格模式深度了解)

什么是严格模式?

严格模式是 ECMAScript 5 引入的一种运行模式,主要作用是弥补了 JavaScript 语言本身一些缺陷,提高了代码的运行效率,增强了安全性。通过开启严格模式,可以使 JavaScript 代码更加规范、更加安全、更加高效。

开启严格模式有两种方式:

  • 在全局环境中使用 'use strict';
  • 在函数体内部使用 'use strict';

全局使用语法

'use strict';
// 这里是严格模式下的代码块

函数内部使用语法

function someFunction() {
  'use strict';
  // 这里是严格模式下的代码块
}

一旦开启了严格模式,就不能再返回非严格模式。也就是说,在使用严格模式之后,整个脚本都将在严格模式下运行,无法再切换回之前的非严格模式。

严格模式下的规则

在严格模式下,以下行为被禁止:

  • 不允许使用 with 语句;
  • 不允许未声明的变量自动成为全局变量;
  • 不允许删除未定义的变量;
  • 函数参数不能有重复的名称;
  • 禁止八进制字面量;
  • 禁止对只读属性赋值;
  • 对象不允许有重复的属性名;
  • 函数中的 this 不再指向全局对象;
  • 不允许在函数内使用 eval();

严格模式下的规则有很多,但它们的目的都相同,那就是为了让 JavaScript 代码更加规范、高效、安全。下面通过例子来演示几个严格模式下被禁止的语法。

1. 不允许使用 with 语句

with 语句是 JavaScript 语言中一个容易引起歧义的语句,可能会导致难以调试的问题。在严格模式下,with 语句被禁止使用。

'use strict';
let obj = {a: 1, b: 2};
// 正常情况下可以这样使用对象属性
console.log(obj.a, obj.b);
// 但在严格模式下不能使用 with 语句
with (obj) {
  console.log(a, b); // Uncaught SyntaxError: Strict mode code may not include a with statement
}

2. 函数参数不能有重复的名称

在严格模式下,函数的形参命名冲突将会被抛出异常,因此函数参数不能有重复的名称。

'use strict';
// 正常情况下可以这样定义函数
function sum(a, b) {
  return a + b;
}
// 但在严格模式下定义函数参数名称不能重复
function sum(a, a) {
  return a + a;
}
// 在严格模式下会报错: SyntaxError: Duplicate parameter name not allowed in this context

总结

严格模式是 ECMAScript 5 中为 JavaScript 进行一系列操作规定的模式,在这个模式下,开发者需要遵守更多的规范和规则,从而使代码更加规范、高效和安全。开发者可以通过全局或函数内部的方式来开启严格模式,常见的禁止行为包括了使用 with 语句、对只读属性赋值、禁止在函数内使用 eval() 等等。在实际编码中,建议开启严格模式来保证代码的高质量。

以上就是“JavaScript起点(严格模式深度了解)”的完整攻略,内容详实,希望对您有帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript起点(严格模式深度了解) - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • JavaScript原生对象之Number对象的属性和方法详解

    以下是关于“JavaScript原生对象之Number对象的属性和方法详解”的完整攻略。 Number对象的介绍 JavaScript的Number对象代表数字,可以进行数学运算。Number对象是JavaScript中的原始值之一。Number对象有很多属性和方法,可以帮助我们在编写JavaScript程序时,更加方便地操作数字。 Number对象的属性 …

    JavaScript 2023年5月27日
    00
  • JavaScript 自动完成脚本整理(33个)

    JavaScript 自动完成脚本整理(33个) 完整攻略 简介 自动完成是指在用户输入时,自动帮助用户补全已知的完整表达。这在网页制作中特别常见,利用 JavaScript 可以很容易地实现自动完成。 本攻略将介绍 JavaScript 中的33个自动完成脚本整理,包含输入提示,模糊搜索等常用自动完成功能的实现方式。下面进行详细讲解。 代码实现 1. 使用…

    JavaScript 2023年5月28日
    00
  • JS 实现可停顿的垂直滚动实例代码

    下面详细讲解一下“JS 实现可停顿的垂直滚动实例代码”的完整攻略。 前置知识 在学习本文之前,需要有以下一些前置知识: JavaScript 基础知识,包括:变量、函数、循环、条件判断、事件等; HTML/CSS 基础知识,包括:DOM、CSS 样式、布局等; 浏览器相关知识,包括:事件循环、渲染机制等。 实现思路 首先来介绍一下实现思路: 首先需要获取页面…

    JavaScript 2023年6月11日
    00
  • JavaScript 实现自己的安卓手机自动化工具脚本(推荐)

    以下是完整的攻略: JavaScript 实现自己的安卓手机自动化工具脚本(推荐) 简介 本文介绍如何使用 JavaScript 实现自己的安卓手机自动化工具脚本。通过这种方式,您可以自动化控制您的安卓手机进行各种任务,提高工作效率。本文采用 Appium + JavaScript 的组合实现。 准备 安装 Node.js。Node.js 是一个让 Java…

    JavaScript 2023年6月11日
    00
  • JS 正则表达式用法介绍

    JS 正则表达式用法介绍 什么是正则表达式 正则表达式是一种用来匹配文本和字符串的模式。JavaScript中的正则表达式被包含在RegExp对象中,可以用来进行字符串匹配、替换、查找等操作。 正则表达式语法 在JavaScript中,正则表达式的语法被写在两个斜杠之间,例如:/pattern/flags。其中,“pattern”是表示模式字符串的正则表达式…

    JavaScript 2023年6月10日
    00
  • JS算法教程之字符串去重与字符串反转

    想要讲解“JS算法教程之字符串去重与字符串反转”的完整攻略,需要先来介绍一下这篇文章所要解决的问题,以及需要使用到的一些关键点。 问题描述 这篇文章主要解决两个问题: 字符串去重:给定一个字符串,如何将其中重复的字符去掉,只保留一个。 字符串反转:给定一个字符串,如何将其中的字符反转。 解决思路 为了解决这两个问题,我们需要使用到以下几个步骤: 字符串去重:…

    JavaScript 2023年5月28日
    00
  • JavaScript中 ES6变量的结构赋值

    下面是关于“JavaScript中 ES6变量的结构赋值”的完整攻略。 什么是ES6变量的结构赋值 ES6中引入了一种新的变量赋值方式,叫做“结构赋值”(Destructuring Assignment)。结构赋值可以让我们方便地从数组和对象中提取值,然后赋值给变量。 数组结构赋值 数组结构赋值是指对于数组中的每个元素,通过相应位置上的变量名进行访问和取值赋…

    JavaScript 2023年6月10日
    00
  • JS面向对象编程实现的拖拽功能案例详解

    JS面向对象编程实现的拖拽功能案例,可以分为以下几个步骤: 1. 确定目标 首先要明确要实现的功能,即拖拽功能,定义需要拖拽的元素和拖拽的位置。 示例代码: let box = document.querySelector(‘.box’); // 需要拖拽的元素 let mouseX = 0; // 鼠标在x轴上的位置 let mouseY = 0; // …

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部