深入浅析JS中的严格模式


Posted in Javascript onJune 04, 2018

什么是严格模式?

使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为

怎么使用?

直接添加下面的这句字符串就可以了,这种语法可以向后兼容,如果是不支持严格模式的javascript引擎,就会直接当成是一个未赋值的字符串字面量,会直接忽略,支持的引擎就会开启严格模式

'use strict'

说明:

1.在全局作用域使用的话,那整个js脚本就会开启这种模式

2.如果是只在函数内部使用的话,那么就只是该函数内部开启而已

function doSomething(){
 'use strict' 
 // 其他代码 
}

变量

1. 在严格模式中什么时候创建变量以及怎么创建变量都是有限制的.首先,不允许意外创建全局变量.在非严格模式下是可以像下面这样创建全局变量,但是严格模式中是不可以的

// 未声明变量
// 非严格模式:创建全局变量
// 严格模式 :抛出referenceEror错误

2.在严格模式下,对变量名也是有限制.特别的,不能使用implements,interface,let,package,private等保留字作为变量名,用这些变量命名的话,都会导出语法错误

对象

在严格模式下 操作对象比在非严格模式下更容易导致错误,下面几种情形会导致语法错误

1.为只读属性赋值会抛出TypeError

2.对不可配置的属性使用delete 操作符会抛出TypeError

3.对不可扩展的对象添加属性会抛出TypeError

函数

在严格模式下,要求命名函数的参数必须是唯一的

// 重命名参数的
// 非严格模式:没有错误,只能访问第二个参数,如果要访问第一个参数,就必须通过arguments
// 严格模式语法错误
function sum(num,num){
  //do something   
}

在严格模式下arguments对象的行为也有所不同.在严格模式下,修改命名参数的值也会反映到argument对象中,但是在严格模式下这两个值是完全独立的

function showValue(value){
 value = 'foo'
 console.log(value)
 console.log(arguments[0]) // 非严格模式 : 'foo' 严格模式 :'hello'
  
}   
showValu('hello')
                              

 函数

 在严格模式中,函数的参数必须唯一

// 重名的参数
// 非严格模式中,没有错误,只能访问第一个参数
// 严格模式 :抛出错误 Uncaught SyntaxError: Duplicate parameter name not allowed in this context
function sum(num,num){
  'use strict'
  // do something 
}

arguments对象

在非严格模式中,修改命名参数的值也会反应到arguments对象中,而严格模式坐下,这两个值是完全独立的

// 修改命名参数的值
// 非严格模式:修改会反应到arguments中
// 严格模式中不会反应到arguments中
function sum(num,num2){
  'use strict'
num=3
  console.log(arguments[0],num2)// 严格模式下输出为1,2 非严格模式下输出为3,2
}
sum(1,2)

 eval()

 eval函数最大的变化就是他在包含上下文中不在创建变量或者函数:

// 使用eval函数创建变量
// 非严格模式中:弹出框弹窗 20
// 严格模式中:调用alert(x)时报错
function doSomething(){
  eval('var x=20')
  alert(x)
}

在严格模式中,可以在eval()中声明变量和函数,但这些边行或者函数只能在被求值的特殊作用域中有效,随后就将被销毁,下面这段代码执行就是没问题的

'use strict'
var result=eval('x=1,y=13;x+y')
alert(result)

在这里,eval中声明了变量x和y,然后将他们加在一起,反悔了他们的和,于是result变量的值就是21,即x+y的结果,在调用alert时,尽管x和y已经不存在了,result变量的值还是有效的

抑制this

在非严格模式下使用函数的apply()或则call()方法时,null和undefined值会被转换为全局对象,而在严格模式下,函数的this值始终是指定的值,无论指定的是什么值:

// 访问属性
// 非严格模式:访问全局实行
// 严格模式:抛出错误,因为this的值是null
var color = "red";
function displayColor() {
 alert(this.color);
}
displayColor(null);

其他变化

在严格模式中with语句被抛弃掉了,在非严格模式中with语句能够改变解析标识符的路径,但在严格模式下,with语句被简化掉了,因此,在严格模式下使用with语句是导致语法错误

// with语句
// 非严格模式:允许
// 严格模式:抛出语法错误
with (location) {
 console.log(href);
}

总结

以上所述是小编给大家介绍的JS中的严格模式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
Javascript 刷新全集常用代码
Nov 22 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
可编辑下拉框的2种实现方式
Jun 13 Javascript
JavaScript截断字符串的方法
Jul 15 Javascript
javascript闭包(Closure)用法实例简析
Nov 30 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 Javascript
leaflet加载geojson叠加显示功能代码
Feb 21 Javascript
详解如何在你的Vue项目配置vux
Jun 04 #Javascript
详解vue-loader在项目中是如何配置的
Jun 04 #Javascript
vue.js打包之后可能会遇到的坑!
Jun 03 #Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
Jun 02 #Javascript
vue之将echart封装为组件
Jun 02 #Javascript
React学习笔记之高阶组件应用
Jun 02 #Javascript
浅谈node中的cluster集群
Jun 02 #Javascript
You might like
获取PHP警告错误信息的解决方法
2013/06/03 PHP
二进制交叉权限微型php类分享
2014/02/07 PHP
php异常处理方法实例汇总
2015/06/24 PHP
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
jquery插件制作简单示例说明
2012/02/03 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
jQuery EasyUI Dialog拖不下来如何解决
2015/09/28 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
浅谈python标准库--functools.partial
2019/03/13 Python
python批量修改ssh密码的实现
2019/08/08 Python
Python模块 _winreg操作注册表
2020/02/05 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
教师年度考核评语
2014/04/28 职场文书
责任胜于能力演讲稿
2014/05/20 职场文书
法定代表人授权委托书
2014/09/19 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
高中生打架检讨书1000字
2015/02/17 职场文书
绿色环保倡议书
2015/04/28 职场文书
个人收入证明格式
2015/06/24 职场文书
2015年重阳节主持词
2015/07/04 职场文书
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers