JS学习笔记 之 ES5严格模式

ES标准 经历 es 1.0　　es 3.0　　es 5.0

↓

当前，浏览器是 基于es 3.0 + es 5.0新增方法 实现

↓

es 3.0 和 es 5.0 存在冲突

↓

启用es 5.0的严格模式　　-->　　有冲突的部分就会使用es 5.0的方法

不启用es 5.0的严格模式　　-->　　有冲突的部分就会使用es 3.0的方法

es 5.0严格模式

'use strict'　　//之所以用字符串进行标识，是因为如果使用类似于strict()函数的形式，某些没有实现ES5规范的浏览器找不到这样的函数，会有风险

（向后兼容，老的浏览器不会报错，新的浏览器能够识别出严格模式） 

　　1. 不再兼容es3的一些不规则语法，使用全新的es5规范

　　2. 两种用法

　　　　- 全局严格模式

　　　　- 局部函数内严格模式（推荐）

　　3. 只是一行字符串，不会对不兼容严格模式的浏览器产生影响

　　4. 　    - 不支持with, callee, arguments, func, caller

　　　　    - 变量赋值前必须声明

　　　　    - 局部this必须被赋值（Person.call(null/undefined), 赋值什么就是什么）

　　　　    - 拒绝重复属性和参数（对象中有重复的属性名不会报错，但是后面的属性值会覆盖前面的）

启用es 5.0的严格模式：

1. 在顶端加上''use strict''

 'use strict'; //es 5.0 严格模式的启动
        function test(){
            console.log(arguments.callee);
        }
        test();

执行上述代码后，报错如下：

类型错误，严格模式下，无法使用caller, callee, arguments等属性

 2. 在局部函数的顶端加上

function demo(){
            console.log(arguments.callee);
        }
        demo();
        function test(){
            'use strict';
            console.log(arguments.callee);
        }
        test();

执行结果如下：

demo()正常执行，test()报错

with函数：

改变内部函数的作用域链，可以简化代码，但是会影响系统运行效率

   var obj = {
       name : 'obj';
   }
       var name = 'window';

  function test(){
       var name = 'scope';
       with(obj){　　//会把传入的参数放到with内函数作用域链的顶端
          console.log(name);           
       }
   }

test()执行后，打印 obj

利用with函数的特性，可以结合命名空间使用

 var org = {
            department1: {
                alice : {
                    name : 'aaa',
                    age : 23

                },
                kirito : {

                }

            },
            department2 = {

            }
 }

 with(org.department1.alice){
            //这里面的函数执行时，会优先到传入的参数空间中去查找变量
 }

简化代码：一下的两个代码块都是实现在网页上打印字符a

 with(document){
            write('a');
        }

document.write('a');

eval()函数

   'use strict';
   var a = 234;
　　eval('console.log(a)'); //作为参数的字符串会被当作正常的代码执行