站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

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

时间:2022-05-24 [网络编程]作者:fabuyuan 浏览:8 次

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

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

一、认识严格模式

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

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

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

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

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

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

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

二、开启严格模式

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

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

三、严格模式限制

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

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

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

  • 全局不使用关键字直接声明全局变量
  • 在函数内部不使用关键字声明变量 函数默认提升为全局变量
    示例代码如下:
'use strict'
// 禁止意外创建全局变量
message = '意外创建全局变量'
console.log(message) // 报错信息为:Uncaught ReferenceError: message is not defined

function 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;//非严格模式下:此处为静默失败,既没有报错也没有删除变量v
console.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);//[ <1 empty item>, 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 = 0123
var 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 world
console.log(message) // 报错信息为:ReferenceError: message is not defined

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

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

示例代码如下:

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

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

以上就是JavaScript高级语法学习之严格模式的详细内容,更多请关注站长家园其它相关文章!

本文标签:  javascript

转载请注明来源:JavaScript高级语法学习之严格模式

本文永久链接地址:https://www.adminjie.com/post/12722.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • mysql的安装路径怎么查看

      mysql的安装路径怎么查看

      查看方法:1、鼠标右击“计算机”图标,在打开的菜单中点击“管理”;2、依次点击“服务和应用程序”-“服务”;3、在右侧服务列表中,找到mysql服务;4、选中m...

    • css3的新增属性有没有设置文本溢出的样式

      css3的新增属性有没有设置文本溢出的样式

      css3新增的属性有设置文本溢出样式的,可以利用“text-overflow”属性设置文本溢出的样式;该属性用于指定当文本溢出包含文本的元素时应该如何显示,可以...

    • mysql怎么关闭事务

      mysql怎么关闭事务

      mysql关闭事务的步骤:1、使用“win+r”键打开“运行”窗口,输入cmd并回车,打开cmd命令窗口;2、在cmd窗口中,执行“mysql-uroot...

    • css3中什么是用来设置文本高度的

      css3中什么是用来设置文本高度的

      在css3中,可以利用height属性配合overflow属性来设置文本高度;height属性用于设置元素的高度,overflow属性用于设置文本超出元素高度隐...

    • 类名选择器是css3新增才有的吗

      类名选择器是css3新增才有的吗

      类名选择器不是css3新增才有的,类名选择器用于选取带有指定类的元素,语法为“.class{css代码;}”;类名选择器是在css3之前就已经开始使用了,并不是...

    热门文章