JS 严格模式下的常见规则大全(亲测有效)

1、全局变量显式声明

在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,全局变量必须显式声明。

"use strict";
a = 1; // 报错,a is not defined

2、禁止this关键字指向全局对象

f();
function f(){
    console.log(!this); // false
} 
// 打印false,因为"this"指向全局对象,"!this"就是false
function f(){ 
  "use strict";
  console.log(this); // undefined
  console.log(!this); // true
} 
// 打印true,因为严格模式下,this的值为undefined,所以"!this"为true。

因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错。

f();
function f(){
  this.a = 1; //  this 指向的是 window
    console.log(this.a) // 1
};
function f(){
  "use strict"; // this未定义
  this.a = 1; //  Cannot set property 'a' of undefined
};

3、禁止删除变量

严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除。

var x;
delete x;
console.log(x) // undefined

"use strict";
var x;      
delete x; 
// 语法错误
// 在严格模式下删除非限定标识符 (Delete of an unqualified identifier in strict mode.)
var o = Object.create(null, {'x': {
  value: 1,
  configurable: true
}});
delete o.x; // 删除成功
console.log(o.x) // undefined

4、函数不能有重名的参数

正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误。

"use strict";
function f(a, a, b) { 
  
}
// 语法错误
// 此上下文中不允许重复的参数名 (Duplicate parameter name not allowed in this context)

 

更多严格模式的写法可以去 MDN文档 查看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值