JavaScript高级语法学习之严格模式

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于严格模式的相关问题,严格模式很好理解,是一种具有限制性的javascript模式,从而使代码隐式的脱离了“懒散模式”,下面一起来看一下,希望对大家有帮助。

JavaScript高级语法学习之严格模式

【相关推荐:javascript视频教程、web前端】

一、认识严格模式

在ECMAScript5标准中,JavaScript提出了严格模式的感念:

严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“懒散模式”。

立即学习“Java免费学习笔记(深入)”;

支持严格模式的浏览器在检测到代码中有严格模式时,会以更加严格的方式对代码进行检测和执行。

严格模式对正常的JavaScript语义进行了一些限制:

严格模式通过 抛出错误来消除一些原有的 静默错误

严格模式让JS引擎在执行代码时可以进行更多的优化(不需要对一些特殊的语法进行处理)。

严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法。

二、开启严格模式

那么如何开启严格模式呢?严格模式支持粒度化的迁移:

可以支持在js文件中开启严格模式;也支持对某一个函数开启严格模式;

三、严格模式限制

JavaScript被设计为新手开发者更容易上手,所以有时候本买错误语法,别认为也是可以正常被解析的;
但是这种方式可能给带来留下安全隐患;
在严格模式下,这种事务就会被当做错误,以便可以快速的发现和修正;
总结了一下几点常见的限制:

1.无法意外的创建全局变量

意外的创建全局变量的方式有两种:

全局不使用关键字直接声明全局变量在函数内部不使用关键字声明变量 函数默认提升为全局变量
示例代码如下:

'use strict'// 禁止意外创建全局变量message = '意外创建全局变量'console.log(message) // 报错信息为:Uncaught ReferenceError: message is not definedfunction foo () {    age = 20    console.log(age)}foo() // ReferenceError: age is not defined

登录后复制

2.严格模式下会使引起静默失败的赋值操作报出错误异常

示例代码如下:

//开启严格模式,将问题直接转化为报错'use strict'const v = 100;//(定义常量)v = 1.14;//重新赋值(为变量)console.log(v); // Uncaught TypeError: Assignment to constant variable.

登录后复制

3.严格模式下试图删除不可删除的属性

严格模式下,不能对变量使用delect运算符。

(1).对变量使用delete关键字

  // 开启严格模式'use strict'var v = 100;delete v;//非严格模式下:此处为静默失败,既没有报错也没有删除变量vconsole.log(v);//100//开启严格模式后,改为报错Delete of an unqualified identifier in strict mode.

登录后复制

(2).对数组和对方法属性使用delete关键字

严格模式下对数组和对方法属性使用delete关键字,效果不变。

// 开启严格模式'use strict'// 1、严格模式下删除数组内容var arr = [1,2,3,4]delete arr[0];console.log(arr);//[ , 2, 3, 4 ]// 2、严格模式下delete函数的属性var obj  =  {    name : '猪猪侠 '}delete obj.name;console.log(obj.name)//undefined

登录后复制

4.严格模式不允许函数参数有相同的名称

示例代码如下:

'use strict'// 不允许函数有相同的参数名称function foo2 (x, y, x) {    console.log(x, y, x)}foo2(10, 20, 30) // SyntaxError: Duplicate parameter name not allowed in this context

登录后复制

5.不允许0的八进制语法

示例代码如下:

// 不允许使用原先的八进制格式var num1 = 0123var num2 = 0o123 // 可以写成这种格式 八进制var num3 = 0x123 // 可以写成这种格式 十六进制var num4 = 0b100 // 可以写成这种格式 二进制console.log(num1) // SyntaxError: Octal literals are not allowed in strict mode.console.log(num2, num3, num4) // 83 291 4

登录后复制

6.在严格模式下,不允许使用with

示例代码如下:

'use strict'var message = 'Hello World';var obj = { name: 'jam', age: 20 }// with语句可以形成自己的作用域,在with语句中打印age时,会输出obj对象中的age属性,但在with语句中打印不存在的属性message时,会向外层的作用域一层一层去查找function foo () {    with (obj) {        console.log(age)         console.log(message)     }    console.log(message)}foo() // SyntaxError: Strict mode code may not include a with statement

登录后复制

7.在严格模式下,eval不再为上层引用变量

示例代码如下:

var jsString = "var message = 'hello world';console.log(message)"eval(jsString) // 输出  hello worldconsole.log(message) // 报错信息为:ReferenceError: message is not defined

登录后复制

开启严格模式 eval函数不会向上引用变量 所以全局作用域就没有message这个变量所以会报错

8.严格模式下,this绑定不会默认转成对象

示例代码如下:

'use strict'// 在严格模式下,自执行函数(默认绑定)会指向undefined  ,非严格模式下会指向windowfunction foo () {    console.log(this)}foo() // undefined

登录后复制

【相关推荐:javascript视频教程、web前端】

以上就是JavaScript高级语法学习之严格模式的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2701134.html

(0)
上一篇 2025年3月7日 19:12:42
下一篇 2025年2月24日 01:32:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript字符串常见基础方法精讲

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于字符串的相关知识,其中主要介绍了常用的基础方法以及特殊字符、emoji内部表示方式等内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教…

    2025年3月7日 编程技术
    200
  • JavaScript面向对象详细解析之属性描述符

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 J…

    2025年3月7日
    200
  • 一文掌握JavaScript数字类型

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于数字类型的相关内容,javascript中存在两种表示数字的类型:number和bigint类型,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascrip…

    2025年3月7日 编程技术
    200
  • 四种方法搞定JavaScript创建多个对象

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于创建多个对象的相关内容,包括了字面量方法、工厂模式方法、构造函数以及原型加构造函数方法的问题,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视…

    2025年3月7日
    200
  • 整理总结JavaScript常见的BOM操作

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于bom操作的相关问题,包括了window对象的常见事件、javascript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascrip…

    2025年3月7日 编程技术
    200
  • JavaScript的Symbol类型、隐藏属性及全局注册表详解

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于symbol类型、隐藏属性及全局注册表的相关问题,包括了symbol类型的描述、symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。 【相关推荐:…

    2025年3月7日
    200
  • 解决JavaScript数据处理的5个常见问题

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于数据处理中常见的一些问题,包括了数据的增删改查、数据的排序、数据的去重、平级列表变成树形结构以及数组对象相同项合并处理,下面一起来看一下,希望对大家有帮助。 【相关推…

    2025年3月7日 编程技术
    200
  • JavaScript总结之18种常用数组方法

    本篇文章给大家带来了关于javascript的相关知识,其中主要总结介绍了一些常用的数组方法,整理分成了不会改变原数组的方法和会改变原数组的方法,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 …

    2025年3月7日 编程技术
    200
  • JavaScript隐藏机制之垃圾回收知识总结

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了垃圾回收的相关问题,垃圾回收是javascript的隐藏机制,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 一、前言 垃圾…

    2025年3月7日 编程技术
    200
  • JavaScript类数组和可迭代对象的实现原理详解

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于类数组和可迭代对象的实现原理,包括了把对象本身构造成迭代器、string的迭代器等等相关内容,下面一起来看一下吧,希望对大家有帮助。 【相关推荐:javascript…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论