您的位置:首页 > Web前端 > JavaScript

javascript中的严格模式

2017-12-11 16:37 316 查看
1.javascript中的严格模式是一种特殊的执行模式,它修复了部分语言上的不足,提供更强的错误检查,并增强安全性

function func(){
'use strict'
}


我们要整个js文件都在严格模式下执行的话,要这样写:

'use strict';/*并不一定位于第一行*/
function func(){
}


2.严格模式与普通模式的区别

(1)严格模式写不允许使用with语句

'use strict';
with({number:1}){
console.log(number);
}


如果使用上面的语句,会提示 strict mode code may not include q with statement.

(2)不允许未声明的变量被赋值

'use strict';
x=1;
console.log(window.x);


(3)arguments变为参数的静态副本

!function (a){
arguments[0]=100;
console.log(a);  //100
}(1);


上面的!是相当于分隔符的作用,有了感叹号就相当于一个函数表达式

接着,如果是严格模式:

'use strict';
!function (a){
arguments[0]=100;
console.log(a);  //1
}(1);


'use strict';
!function (a){
arguments[0].x=100;
console.log(a.x);  //100
}({x:2});


上面就是严格模式和普通模式的区别,一般模式下,arguments[0]就相当于传递进去的参数,严格模式下,变为参数的静态副本,但是如果传进去的参数是对象的话,修改对象的属性,则是相互影响的

(4)delete 参数、函数名报错

!function (a){
console.log(delete a);  //false
}(2);


'use strict';
!function (a){
console.log(delete a);  //出现错误
}(2);


同样,delete不可配置的属性也会出错

(5)delete不可配置的属性也会出错

'use strict';
!function(a){
var obj={};
Object.defineProperty(obj,'a',{configuable:false});
console.log(delete obj.a);//语法错误
}


(6)对象字面量重复属性名报错

!function(){
var obj={x:1,x:2};
console.log(obj.x);//2
}


'use strict';
!function(){
var obj={x:1,x:2};
console.log(obj.x); //error错误
}


(7)禁止八进制字面量

!function(){
console.log(0123);//83
}


如果在严格模式下,则会出现语法错误。。

(8)eval、arguments变为关键字,不能作为变量、函数名

!function(){
function eval(){
console.log(eval);//这样不会出现错误
}
}();


但是在严格模式下,却会出现错误

(9)eval独立作用域

!function(){
eval('var evalVal=2');
console.log(typeof (evalVal));//number
}();


但是在严格模式下:

'use strict';
!function(){
eval('var evalVal=2');//独立作用域
console.log(typeof (evalVal));//undefined
}();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript