JavaScript中的严格模式

严格模式

严格模式是JavaScript中的一种限制性更强的变种方式

严格模式可以跟非严格模式共存

目的

首先，在严格模式中将JavaScript陷阱直接报错

其次，修正了一些引擎难以优化的错误：同样的代码在严格模式下更快

最后，严格模式禁用了一些有可能在为来版本中定义的语法

全局开启严格模式

在要进行严格模式的代码前加上

"use strict"

// "use strict"; //全局开启严格模式 会在全局跟局部都有效
// v = 100;
// console.log(v);function fn(){"use strict";//局部开启严格模式 会在局部都有效v = 300;console.log(v);
}
fn();

禁止意外创建变量

"use strict";
v = 100;
console.log(v);function fn(){w = 200;//非严格模式下 函数中不用var 定义变量 会自动声明在全局中    //但用严格模式会直接报错 强制让你改掉console.log(w);
}
fn();

静默失败转为异常

"use strict";const PI = 3.14;
var PI = 1.14;//不开启严格模式 有的标准版可能会报错 原因是因为他在视图改变常量 但是开启严格模式一定会报错console.log(PI);

禁用delete关键字

只针对删除变量的delete

"use strict";
var v = 100;
console.log(v);//delete v;//没有开启严格模式时 本意为删除全局变量V 但结果没删除 这是一种静默失败
//开启严格模式时 直接报错 不允许用delete删除变量
//报错信息：Delete of an unqualified identifier in strict mode.
console.log(v); var arr = [1,2,3,4];
delete arr[1];//开启严格模式时 允许用delete删除数组元素
console.log(arr)var obj = {name:'chen',
}
delete obj.name;  //开启严格模式时 允许用delete删除对象的属性
console.log(obj.name);

对变量名的限制

严格模式下对变量名有更高的限制比如：implements interface let package

private protected public static yield等

出现这些变量名会直接报错报错信息：Unexpected strict mode reserved word

"use strict";
var static = 100;
console.log(static);

不可删除的属性

"use strict";
delete Object.prototype;//没开启严格模式 也删除不了 但是不会报错 这也是静默失败
//严格模式下 会直接报错
//报错信息：Cannot delete property 'prototype' of function Object() { [native code] }
console.log(Object.prototype);delete Math.random;//非严格模式和严格模式都可以删除
Math.random();

属性名必须唯一

严格模式下，一个对象内重复出现多个重复的属性名

"use strict";
var obj = {name : 'chen',name : 'cheng'//非严格模式第二个同名的有效//严格模式 也能用 但有编译器可能出现编辑器报错 属于警告作用
}
console.log(obj.name);

只读属性的赋值

"use strict";
var obj = {name : 'chen'
}
var result = Object.getOwnPropertyDescriptor(obj,'name');
console.log(result);Object.defineProperty(obj,'age',{value:18
});//用defineProperty方式创建的对象默认不可修改 不可遍历 不可删除
obj.age = 80;//非严格模式下 修改等操作不可用 但不报错 静默失败
//严格模式下 修改等操作不可用  直接报错
//报错信息：Cannot assign to read only property 'age' of object '#<Object>'
console.log(obj.age);

不可扩展的对象

"use strict";
var obj = {}
Object.preventExtensions(obj);//这个函数是让对象不可扩展
obj.name = 'chen';//非严格模式下 也是不可扩展 但是不报错 静默失败
//严格模式下 直接报错
//报错信息:Cannot add property name, object is not extensible
console.log(obj);

参数名必须唯一

"use strict";
//这种情况 在真实情况 可能出在 写错 误写出重复的
function fn(a,a,b){//非严格模式下 这样定义有重复的形参名字 会按照最后一个重名的形参来算 类似变量重复声明//严格模式下 直接报错 不允许重复参数名  //报错信息:Duplicate parameter name not allowed in this contextconsole.log(a + a + b);
}fn(1,2,3);

arguments

"use strict";//开启严格模式
function fn(value){var value = 'chen';console.log(value);console.log(arguments[0]);
};
fn('cheng');//非严格模式下value是局部变量的值  arguments对象获取参数的值跟形参有关 但如果形参跟局部变量的名字一样 那么arguments的值就是局部变量的值
//严格模式下 arguments对象获取参数的值跟形参无关 就是你传入的是什么就是什么 就算形参跟局部变量名字一样也不会变function fn1(){return arguments.callee;//严格模式下 arguments对象不能直接调用callee()方法 只能在非严格模式下用//严格模式下 arguments.length可以用
}fn1();

函数声明的限制

ECMAScript 5中只有两个作用域即全局作用域和函数作用域但在ECMAScript 6 中新加了一个新的作用域(块级作用域)

"use strict";
//全局作用域
function fn(){//局部作用域  函数作用域function n(){}
}
for(var i = 0;i <10; i++){//ECMAScript 6 新增的 块级作用域var v = 100;//就是在ECMAScript 6 中 这个变量不能直接被外界访问   因为新增了一个块级作用域事//如果是在严格模式下  只允许有全局和函数作用域 但只不允许在这定义函数 变量可以定义function f(){console.log('this is function');}//在严格模式下 这样在块级作用域定义函数会直接报错
}
console.log(v);
f();

增加的eval()作用域

eval()可以将一个字符串中的代码直接执行

"use strict";
eval("var v = 100;");//严格模式下 会加一个eval专门的作用域 就是除了当前的eval函数可以用外  其他都不能用eval中的内容
console.log(v);//非严格模式下 可以访问eval中的内容

禁止读写

严格模式下禁止使用eval()和arguments作为标识符，也不允许读写它们的值

什么是标识： (唯一标识)

使用var声明

赋予另一个值

尝试修改包含的值比如数字运算符等

作为函数名

用作命名的函数的参数

在try…catch语句中用作例外名（就是catch后面的小括号里的值）

在严格模式下eval()和arguments以上这些操作都不行不允许作为标识符

"use strict";//严格模式下 eval和arguments不允许作为标识符
eval = 17;
arguments++;
++eval;
var obj = {set p(arguments){}
};
var eval;
try{}catch(arguments){}
function x(eval){}
function arguments(){}

抑制this

在非严格模式下的apply()和call()，可以传入null和undefined值会直接转化为全局对象

在严格模式下，函数的this值必须有指定的指向(必须有指向的对象不能为null和undefined)

'use strict'var v = 100;function fn(){console.log(this.v);
}fn.apply(undefined);//严格模式下 必须传入this需要指向的对象 不能用null和undefined  不会默认用默认绑定规则