Javascript 严格模式use strict详解
严格模式:由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详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言小编会及时回复大家的!
- Numpy 修炼之道(1) —— 什么是 Numpy
- TensorFlow修炼之道(3)——计算图和会话(Graph&Session)
- 1.python简介
- 《Python自然语言处理》答案第三章
- 2.python数据类型
- Miller Rabin算法详解
- 3.python文件操作
- TensorFlow修炼之道(2)——变量(Variable)
- 4.python迭代器生成器装饰器
- 洛谷P2044 [NOI2012]随机数生成器
- 5.python函数
- TensorFlow 修炼之道(1)——张量(Tensor)
- 6.python内置函数
- 附加文件时候的提示“无法重新生成日志,原因是数据库关闭时存在打开的事务/用户,该数据库没有检查点或者该数据库是只读的 ”
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 大数据开发平台(Data Platform)在有赞的最佳实践
- 【LeetCode两题选手】算法类题目(8.7)
- 树莓派2配置LAMP环境
- 实习第八周
- Office OpenXml SDK 使用 Fallback 图片显示 Ole 元素
- 直播平台在线人数功能
- ZanProxy —— 本地代码调试线上页面,环境再也不是问题
- 实习第九周
- GET 和 POST 区别
- 实习第十周
- Linux下文件系统技巧 | 统计个数 | 只见文件或目录
- 有赞线上拨测系统实践(一)
- Node Schedule文档翻译
- 基于 Generator 和 Iterator 的惰性列表
- 【Centos8】安装docker的坎坷历程