资讯专栏INFORMATION COLUMN

严格模式

Yi_Zhi_Yu / 2903人阅读

摘要:严格模式创设了第三种作用域作用域。正常模式下,指向全局对象,如果绑定的值是非对象,将被自动转为对象再绑定上去,而和这两个无法转成对象的值,将被忽略严格模式

概述

严格模式是ES5进入标准的
目的是为了:

明确禁止一些不合理 不严谨的语法 减少JS语言的一些怪异行为

增加更多报错的场合 保证代码运行的安全

提高编译效率 增加运行速度

为新版的JS语法做铺垫

如何开启

使用一段字符串 "use strict"

全局开启严格模式

use strict放在JS文件的第一行,整个JS都将以严格模式运行

"use strict"
console.log("这是严格模式")


----------


console.log("这是正常模式")

严格模式必须从代码一开始就生效

"use strict"
v=200;
console.log(v)    //ReferenceError: v is not defined


----------


v=200;
console.log(v)    //200
"use strict"  
函数开启严格模式

use strict放在函数体的第一行,则整个函数以严格模式运行

function strict(){
"use strict"    //开启严格模式
 return "这是严格模式"
}
strict() //这是严格模式

如果一块代码是严格模式,另一块代码不是,它们的合并就可能出错。严格模式的代码在前,则合并后的代码都是严格模式;如果正常模式的代码在前,则合并后的代码都是正常模式。这两种情况下,合并后的结果都是不正确的。这时可以把整个代码放在一个立即执行的匿名函数之中。

(function(){
 "use strict";
//其他代码
})()
显式报错

严格模式使得JS的语法变得更严格,更多的操作会显式报错。其中有些操作,在正常模式下只会静默失败,不会报错

只读属性不可写

严格模式下,对只读属性赋值会报错

"use strict"
var obj=Object.definedProperty({},"name",{
value:"Rookie",
writable:false
})
obj.name="Faker";  //TypeError: Cannot assign to read only property "name" of object "#"

删除不可配置属性也会报错

"use strict"
var obj=Object.definedProperty({},"sex",{
value:"male",
configurable:false
})
delete obj.sex      //TypeError: Cannot delete property "sex" of #

只设置了取值器的属性不可写

严格模式下,对一个只有取值器(getter)、没有存值器(setter)的属性赋值,会报错

"use strict"

var obj={
    get v(){return 1}
}
obj.v=2;      //TypeError: Cannot set property v of # which has only a getter
禁止扩展的对象不可扩展

严格模式下,对禁止扩展的对象添加新属性会报错。

"use strict"

var obj={}
Object.preventExtensions(obj);
obj.name = "object"  //TypeError: Cannot add property name, object is not extensible
eval、arguments 不可用作标识名

严格模式下,使用eval或者arguments作为标识名,将会报错

"use strict"
var eval = 3;
var arguments =4;
function fn(eval){}
var fun =function eval(){}
var xxx=new Function("arguments","use strict",return 17)
// SyntaxError: Unexpected eval or arguments in strict mode
函数不能有重名的参数

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

function(a,a,b){
"use strict"
return a+b      
}   // SyntaxError: Duplicate parameter name not allowed in this context
arguments的不同

严格模式下 arguments对象的行为有所不同

非严格模式下 修改命名参数的值会反应到arguments对象中

严格模式下 命名参数与arguments对象是完全独立的

function fn(x){
   x="Hello";
   console.log(x);   //Hello
   console.log(arguments[0])    //Hello
};
fn("HOLA")


----------


function fn(x){
  "use strict"
   x="Hello";
   console.log(x);   //Hello
   console.log(arguments[0])    //HOLA
};
fn("HOLA")
其他问题 禁止使用 arguments.callee

正常模式下调用没有什么作用,但是不会报错

var f =function(){
return arguments.callee
}
f()

严格模式明确规定,函数内部使用arguments.callee将会报错

var f=function(){
"use strict"
return arguments.callee
}
f() //TypeError: "caller", "callee", and "arguments" properties may not be accessed on strict mode functions or the arguments objects for calls to them
禁止删除变量

严格模式下无法删除变量,如果使用delete命令删除一个变量,会报错

"use strict"
 var color ="red";
delete color //SyntaxError: Delete of an unqualified identifier in strict mode.
增加

正常模式下,JavaScript 语言有两种变量作用域(scope):全局作用域和函数作用域。严格模式创设了第三种作用域:eval作用域。

正常模式下,eval语句的作用域,取决于它处于全局作用域,还是函数作用域。严格模式下,eval语句本身就是一个作用域,不再能够在其所运行的作用域创设新的变量了,也就是说,eval所生成的变量只能用于eval内部 eval 作用域

(function () {
  "use strict";
  var x = 2;
  console.log(eval("var x = 5; x")) // 5   eval语句内部是一个独立作用域,所以内部的变量x不会泄露到外部
  console.log(x) // 2
})()
禁止this指向全局对象

正常模式下,函数内部的this可能会指向全局对象,严格模式禁止这种用法,避免无意间创造全局变量

function f() {
    "use strict"
    console.log(this === undefined);
}
f()   //true 严格模式的函数体内部this是undefined

使用构造函数时 如果没有使用new关键字,这时this不再指向全局对象,而是报错

function f(){
"use strict";
 this.a=1
}
f()   //ReferenceError: f is not defined

严格模式下,函数直接调用时(不使用new调用),函数内部的this表示undefined(未定义),因此可以用call、apply和bind方法,将任意值绑定在this上面。正常模式下,this指向全局对象,如果绑定的值是非对象,将被自动转为对象再绑定上去,而null和undefined这两个无法转成对象的值,将被忽略

严格模式

"use strict";
function fun() {
    return this;
}

console.log(fun());   //undefined
console.log(fun.call(2));   //2
console.log(fun.call(true));   // true
console.log(fun.call(null));    //null 
console.log(fun.call(undefined));   //undefined

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96982.html

相关文章

  • 严格模式的简单认识

    摘要:不支持严格模式的浏览器与严格模式的浏览器行为也不一样,所以不要在未经严格模式特性测试情况下使用严格模式。在严格模式下,使用上述标识符作为变量名会导致语法错误。严格模式下,命名参数与对象是完全独立的。在严格模式下,函数的值始终是指定的值。 严格模式 概述 严格模式是什么 严格模式是JavaScript中的一种限制性更强的变种模式。严格模式不是一个子集:它的语义上与正常代码有着明显的差异。...

    learning 评论0 收藏0
  • 谈谈JavaScript中严格模式你应该遵守的那些事

    严格模式 首先来了解一下严格模式是什么?严格模式是JavaScript中的一种限制性更强的变种方式,不是一个子集:它在语义上与正常代码有明显的差异,不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样,所以不要在未经严格模式特性测试情况下使用严格模式,严格模式可以与非严格模式共存,所以脚本可以逐渐的选择性加入严格模式 严格模式的目的 首先,严格模式会将JavaScript陷阱直接变成明显的错...

    MingjunYang 评论0 收藏0
  • JavaScript面向对象中的严格模式

    摘要:开启严格模式设置对象是一个不可扩展的对象为对象新增属性张无忌在非严格模式下为不可扩展的对象添加新属性,结果是静默失败。 概述 严格模式是什么 严格模式是JavaScript中的一种限制性更强的变种方式。严格模式不是一个子集:它在语义上与正常代码有着明显的差异。不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样,所以不要在未经严格模式特性测试情况下使用严格模式。严格模式可以与非严...

    bang590 评论0 收藏0
  • JavaScript 之 面向对象 [ 严格模式 ]

    摘要:严格模式描述严格模式可以分别作用在全局作用域中和函数作用域中严格模式是对代码的一种限制方式严格模式可以将不明确显示的错误转变成明确显示严格模式可以修正一些解释器难以优化的错误严格模式下的变量禁止意外创建变量没有开启严格模式时在调用该变量时, 严格模式 描述 严格模式可以分别作用在全局作用域中和函数作用域中 严格模式是对JavaScript代码的一种限制方式 严格模式可以将不明确显...

    zsirfs 评论0 收藏0
  • javascript - 严格模式

    摘要:概述严格模式是什么严格模式是中的一种限制性更强的变种方式。在严格模式下,静默失败会转为报错。抛出错误非严格模式下静默错误属性名必须唯一在严格模式下,一个对象内的所有属性名必须唯一。非严格模式最后一个重名参数会覆盖之前的重名参数。 概述 严格模式是什么 严格模式是JavaScript中的一种限制性更强的变种方式。严格模式可以和非严格模式共存,所以脚本可以逐渐的选择性加入严格模式。 严格模...

    PrototypeZ 评论0 收藏0
  • 那些年,前端学习之路的疑难杂症(一):严格模式与非严格模式

    摘要:反之亦然非严格合并严格看起来是非严格的。在普通的里面给一个拼写错误的变量名赋值会使全局对象新增一个属性并继续工作尽管后面可能出错在现在的中有可能。第三严格模式禁止删除声明变量。 文章整理自MSDN:https://developer.mozilla.org... 1.逐步使用严格模式 ECMAScript 5的严格模式是JavaScript中的一种限制性更强的变种方式。严格模式不是一个...

    zombieda 评论0 收藏0

发表评论

0条评论

Yi_Zhi_Yu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<