js es5严格模式 use strict with

什么是严格模式

javaScript 除了提供正常模式外，还提供了严格模式（strict mode）。Es5 的严格模式是采用具有限制性Javascript变体的一种方式，即在严格模式下运行 js 代码
严格模式在IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。

1. 消除了Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。
2. 消除代码运行的一些不安全之处，保证代码运行的安全
3. 提高编译器效率，增加运行速度。
4. 禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的Javascript做好铺垫。比如一些保留字：class,enum,export,extends,imports,super 不能做变量名

严格模式使用

• ‘use strict’
  • 不在兼容es3的一些不规则写法。使用全新的es5规范
  • 2种用法
    • 全局严格模式
    • 局部函数内严格模式（推荐）
  • 就是一行字符串，不会对不兼容严格模式的浏览器产生影响。
  • 不支持
    • with,
    • arguments.callee,
    • func.caller,
    • 变量赋值必须声明，
    • 不能随意删除已经声明好的变量
    • 局部this必须被赋值(Per.call(null/undefined)赋值什么就是什么)，
    • 拒绝重复属性和参数
    • 函数声明必须在顶层，新版本的js会引入 块级作用域 （es6已经引入），为了与新版本接轨，不允许非函数的代码块内部声明函数。不能在if for 里面声明函数
    • 参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict_mode

'use strict'

// f = "变量" // 变量赋值必须声明
var f = "变量" 

// 不能随意删除已经声明好的变量
// delete f

// 严格模式下 全局作用域中函数中的this是undefined
function fun(){
	console.log(this) // undefined
}
fun()

// 严格模式下，如果构造函数不加new调用，this会报错
// function Father(){
//	this.sex = '男'
// }
//Father()

// 定时器里面的this还是指向window
setTimeout(function(){
	console.log(this) // window
},1000)

// 参名称不能重复
//function sum(a,a){}
//sun(1,2)

// 不允许非函数的代码块内部声明函数。不能在if for 里面声明函数
//if(true){ 不允许
//	function g(){}
//}

//for(var i = 0; i < 2; i++){ 不允许
//	function g(){}
//}

浏览器解析js 是基于es3.0 + es5.0的新增方法来解析的
es3.0 与 es5.0 产生冲突部分用 es3.0 的方法

严格模式
es3.0 与 es5.0 产生冲突部分用 es5.0 的方法

es5.0严格模式全局启用（在页面逻辑顶部:语法规定）

"use strict"
//代码

es5.0严格模式局部启用

function test(){
	"use strict"
	//代码...
}

为什么怎么写 "use strict"

向后兼容 不报错
如果写成一个方法 低版本js 没有这个方法 会报错 而写成字符串没有也不会报错

不支持

with加一个对象参数 会把这个对象当做with圈定代码体作用域的最顶端，会改变作用域；es5 为了提升效率 禁用了with (在严格模式下)
with

严格模式下的with 报错

"use strict"
with(document){
	write('document with')
}

arguments.callee/func.caller

"use strict"
function test(){
	console.log(arguments.callee)
}
test()

变量赋值必须声明

var a = b = 3;

局部this必须被赋值(Per.call(null/undefined)赋值什么就是什么)

// 非严格模式下 预编译 this指向widow
// 严格模式下 预编译 this 不在指向widow 要赋值 不然就是undefined
"use strict"
var obj = {
	name:"obj"
}
function Test(){ 
	console.log(this);
}
Test();// undefined
new Test();// Test(){} Test是该对象的 constructor(构造器)的名
Test.call(obj);// {name: "obj"}
Test.call(123);// 123 不会传原始值 就产生包装类 传啥就是啥
// 在es3.0 
// 原始值 包装类 123 -->new Number(123)
// Test.call(123); Number {123}

拒绝重复属性和参数
在 es3.0 重复参数/属性不报错

var obj = {
	name :"123",
	name :"234"
}
obj.name;//"234"
function test(name,name){
	console.log(name);
}
test(1,2);//2

严格模式下
属性重复不报/拒绝怎么用

"use strict";
var obj = {
	name :"123",
	name :"234"
}
obj.name;//"234"
function test(name,name){
	console.log(name);
}
test(1,2);

eval()
es3.0 都不能使用eval()

var a = 123;
eval('console.log(a)');// 123

eval()是魔鬼 可以改变作用域