Javascript 严格模式use strict详解


Posted in Javascript onSeptember 16, 2017

严格模式:由ECMA-262规范定义的JavaScript标准,对javascrip的限制更强。

(非严格的模式,被称为“马虎模式/稀松模式/懒散模式”。)

一、严格模式的使用

严格模式可以在脚本或函数级别实现。(即全局和局部模式)

1.全局

在js文件的最前面添加    "use strict"

2.局部

在函数内部添加   "use strict",如下

function fn() {
  "use strict";
  //some code
}

二、严格模式和非严格模式的对比

1.严格模式下,无法删除(delete)变量(delete是不合格的标识符))。非严格模式下会删除失败返回false

"use strict";
var x;
delete x;//报错Delete of an unqualified identifier in strict mode.(不合格的标识符)

2.严格模式中,函数形参存在同名的,抛出错误; 非严格模式不会

严格模式下

function fn(a,a){
 "use strict";
  result=a+a;
  console.log(result);
}
fn(2,4);//Duplicate parameter name not allowed in this context(重复的参数名称在此上下文中不允许)

非严格模式下

function fn1(a,a){
  "use strict";
  result=a+a;
  console.log(result);
}
fn1(2,4);//结果为8

3.严格模式不允许八进制整数直接量(如下)。非严格模式下不会报错。

"use strict"
var x=089;
console.log(x);//报错:Decimals with leading zeros are not allowed in strict mode.

4.严格模式中,arguments对象是传入函数内实参列表的静态副本(即不再追踪参数的变化);非严格模式下,arguments对象里的元素和对应的实参是指向同一个值的引用。

严格模式下

fn(5);
function fn(a){
  "use strict";
  a = 42;
  // return a==arguments[0];//返回false
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为5,严格模式下arguments[0]表示这个调用方法的第一个参数     (不再追踪  参数的变化,在函数内部,参数a被重新赋值为42,但arguments[0]仍然为5.)
}

非严格模式下

fn(5);
function fn(a){
  a = 42;
  // return a==arguments[0];//返回true
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为42(追踪参数变化)

}

5.严格模式中 eval和arguments当做关键字,它们不能被赋值和用作变量声明

"use strict";
var eval=3;//报错:Unexpected eval or arguments in strict mode
var argument=6;//同样报错

6.严格模式会限制对调用栈的检测能力,访问arguments.callee,arguments.callee.caller会抛出异常

严格模式下:

"use strict";
function fn(n){
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//报错

非严格模式下:

function fn(n){//阶乘
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//正常120

caller:在一个函数调用另一个函数时,被调用函数会自动生成一个caller属性,指向调用它的函数对象。如果该函数当前未被调用,或并非被其他函数调用,

则caller为null。如下:

严格模式下:

"use strict"
function fn1() {
  var n1= fn1.caller;
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();//报错

非严格模式下:

function fn1() {
  var n1= fn1.caller;//此例中caller指向调用它的函数(fn2)
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();// 结果打印出:function fn2(){ fn1( ) };

7.严格模式变量必须先声明,直接给变量赋值,不会隐式创建全局变量,不能用with。

严格模式下

"use strict";
with(obj){
  x;
}//报错:Strict mode code may not include a with statement

解释:道运行脚本时,首先是编译,然后再执行。显然在编译的时候,所以就不能在编译时确定with语句块中的变量到底归属哪个对象。[with语句块中的变量是(cl)的属性

还是上一层变量作用域链中的变量。]。只能在执行时才能确定(c1)是Clothes的一个实例。这与严格模式有编译时就检查变量是否定义冲突,所以严格模式不会with语句的使用。

扩展:with语句的使用(用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性。)

with(object instance)
{
  //代码块
}
eg:function Clothes(){
  this.color="red";
  this.size="m";
  this.price="cheap";
}
var c1=new Clothes();
with(c1){
  var str="颜色:"+color+",尺寸:"+size+",价格:"+price;
  document.write(str);
}//结果(颜色:red,尺寸:m,价格:cheap)

严格模式中 call apply传入null undefined保持原样不被转换为window

总结

以上所述是小编给大家介绍的Javascript 严格模式use strict详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的!

Javascript 相关文章推荐
你所要知道JS(DHTML)中的一些技巧
Jan 09 Javascript
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
js读取cookie方法总结
Oct 31 Javascript
薪资那么高的Web前端必看书单
Oct 13 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 Javascript
antd form表单数据回显操作
Nov 02 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 #Javascript
JS闭包的几种常见形式实例详解
Sep 16 #Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 #Javascript
详解JS构造函数中this和return
Sep 16 #Javascript
Angular使用Md5加密的解决方法
Sep 16 #Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 #Javascript
EasyUI创建人员树的实例代码
Sep 15 #Javascript
You might like
怎样搭建PHP开发环境
2015/07/28 PHP
Javascript 自定义类型方法小结
2010/03/02 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
2014/03/12 Javascript
jQuery中next()方法用法实例
2015/01/07 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
vue基础之模板和过滤器用法实例分析
2019/03/12 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
Python封装原理与实现方法详解
2018/08/28 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
Python3进制之间的转换代码实例
2019/08/24 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
Python如何输出百分比
2020/07/31 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
银行实习自我鉴定
2013/10/12 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
期中考试反思800字
2014/05/01 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
2014年采购工作总结
2014/11/20 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
Redis如何一键部署脚本
2021/04/12 Redis