郴州网站建设推广服务,网站开发女,泰州网站制作计划,资讯主题 wordpress一、概述
除了正常运行模式#xff0c;ECMAscript 5添加了第二种运行模式#xff1a;严格模式#xff08;strict mode#xff09;。顾名思义#xff0c;这种模式使得Javascript在更严格的条件下运行。 设立严格模式的目的#xff0c;主要有以下…一、概述
除了正常运行模式ECMAscript 5添加了第二种运行模式严格模式strict mode。顾名思义这种模式使得Javascript在更严格的条件下运行。 设立严格模式的目的主要有以下几个 - 消除Javascript语法的一些不合理、不严谨之处减少一些怪异行为; - 消除代码运行的一些不安全之处保证代码运行的安全 - 提高编译器效率增加运行速度 - 为未来新版本的Javascript做好铺垫。 严格模式体现了Javascript更合理、更安全、更严谨的发展方向包括IE 10在内的主流浏览器都已经支持它许多大项目已经开始全面拥抱它。
另一方面同样的代码在严格模式中可能会有不一样的运行结果一些在正常模式下可以运行的语句在严格模式下将不能运行。掌握这些内容有助于更细致深入地理解Javascript让你变成一个更好的程序员。
本文将对严格模式做详细介绍。
二、进入标志
进入严格模式的标志是下面这行语句 use strict; 老版本的浏览器会把它当作一行普通字符串加以忽略。
三、如何调用
严格模式有两种调用方法适用于不同的场合。
3.1 针对整个脚本文件
将use strict放在脚本文件的第一行则整个脚本都将以严格模式运行。如果这行语句不在第一行则无效整个脚本以正常模式运行。如果不同模式的代码文件合并成一个文件这一点需要特别注意。
(严格地说只要前面不是产生实际运行结果的语句use strict可以不在第一行比如直接跟在一个空的分号后面。) script use strict; console.log(这是严格模式。); /script script console.log(这是正常模式。);kly, its almost 2 years ago now. I can admit it now - I run it on my schools network that has about 50 computers. /script 上面的代码表示一个网页中依次有两段Javascript代码。前一个script标签是严格模式后一个不是。
3.2 针对单个函数
将use strict放在函数体的第一行则整个函数以严格模式运行。 function strict(){ use strict; return 这是严格模式。; } function notStrict() { return 这是正常模式。; } 3.3 脚本文件的变通写法
因为第一种调用方法不利于文件合并所以更好的做法是借用第二种方法将整个脚本文件放在一个立即执行的匿名函数之中。 (function (){ use strict; // some code here })(); 四、语法和行为改变
严格模式对Javascript的语法和行为都做了一些改变。
4.1 全局变量显式声明
在正常模式中如果一个变量没有声明就赋值默认是全局变量。严格模式禁止这种用法全局变量必须显式声明。 use strict; v 1; // 报错v未声明 for(i 0; i 2; i ) { // 报错i未声明 } 因此严格模式下变量都必须先用var命令声明然后再使用。
4.2 静态绑定
Javascript语言的一个特点就是允许动态绑定即某些属性和方法到底属于哪一个对象不是在编译时确定的而是在运行时runtime确定的。
严格模式对动态绑定做了一些限制。某些情况下只允许静态绑定。也就是说属性和方法到底归属哪个对象在编译阶段就确定。这样做有利于编译效率的提高也使得代码更容易阅读更少出现意外。
具体来说涉及以下几个方面。
1禁止使用with语句
因为with语句无法在编译时就确定属性到底归属哪个对象。 use strict; var v 1; with (o){ // 语法错误 v 2; } 2创设eval作用域
正常模式下Javascript语言有两种变量作用域scope全局作用域和函数作用域。严格模式创设了第三种作用域eval作用域。
正常模式下eval语句的作用域取决于它处于全局作用域还是处于函数作用域。严格模式下eval语句本身就是一个作用域不再能够生成全局变量了它所生成的变量只能用于eval内部。 use strict; var x 2; console.info(eval(var x 5; x)); // 5 console.info(x); // 2 4.3 增强的安全措施
1禁止this关键字指向全局对象 function f(){ return !this; } // 返回false因为this指向全局对象!this就是false function f(){ use strict; return !this; } // 返回true因为严格模式下this的值为undefined所以!this为true。 因此使用构造函数时如果忘了加newthis不再指向全局对象而是报错。 function f(){ use strict; this.a 1; }; f();// 报错this未定义 2禁止在函数内部遍历调用栈 function f1(){ use strict; f1.caller; // 报错 f1.arguments; // 报错 } f1(); 4.4 禁止删除变量
严格模式下无法删除变量。只有configurable设置为true的对象属性才能被删除。 use strict; var x; delete x; // 语法错误 var o Object.create(null, {x: { value: 1, configurable: true }}); delete o.x; // 删除成功 4.5 显式报错
正常模式下对一个对象的只读属性进行赋值不会报错只会默默地失败。严格模式下将报错。 use strict; var o {}; Object.defineProperty(o, v, { value: 1, writable: false }); o.v 2; // 报错 严格模式下对一个使用getter方法读取的属性进行赋值会报错。 use strict; var o { get v() { return 1; } }; o.v 2; // 报错 严格模式下对禁止扩展的对象添加新属性会报错。 use strict; var o {}; Object.preventExtensions(o); o.v 1; // 报错 严格模式下删除一个不可删除的属性会报错。 use strict; delete Object.prototype; // 报错 4.6 重名错误
严格模式新增了一些语法错误。
1对象不能有重名的属性
正常模式下如果对象有多个重名属性最后赋值的那个属性会覆盖前面的值。严格模式下这属于语法错误。 use strict; var o { p: 1, p: 2 }; // 语法错误 2函数不能有重名的参数
正常模式下如果函数有多个重名的参数可以用arguments[i]读取。严格模式下这属于语法错误。 use strict; function f(a, a, b) { // 语法错误 return ; } 4.7 禁止八进制表示法
正常模式下整数的第一位如果是0表示这是八进制数比如0100等于十进制的64。严格模式禁止这种表示法整数第一位为0将报错。 use strict; var n 0100; // 语法错误 4.8 arguments对象的限制
arguments是函数的参数对象严格模式对它的使用做了限制。
1不允许对arguments赋值 use strict; arguments ; // 语法错误 var obj { set p(arguments) { } }; // 语法错误 try { } catch (arguments) { } // 语法错误 function arguments() { } // 语法错误 var f new Function(arguments, use strict; return 17;); // 语法错误 2arguments不再追踪参数的变化 function f(a) { a 2; return [a, arguments[0]]; } f(1); // 正常模式为[2,2] function f(a) { use strict; a 2; return [a, arguments[0]]; } f(1); // 严格模式为[2,1] 3禁止使用arguments.callee
这意味着你无法在匿名函数内部调用自身了。 use strict; var f function() { return arguments.callee; }; f(); // 报错 4.9 函数必须声明在顶层
将来Javascript的新版本会引入块级作用域。为了与新版本接轨严格模式只允许在全局作用域或函数作用域的顶层声明函数。也就是说不允许在非函数的代码块内声明函数。 use strict; if (true) { function f() { } // 语法错误 } for (var i 0; i 5; i ) { function f2() { } // 语法错误 } 4.10 保留字
为了向将来Javascript的新版本过渡严格模式新增了一些保留字implements, interface, let, package, private, protected, public, static, yield。
使用这些词作为变量名将会报错。 function package(protected) { // 语法错误 use strict; var implements; // 语法错误 } 此外ECMAscript第五版本身还规定了另一些保留字class, enum, export, extends, import, super以及各大浏览器自行增加的const保留字也是不能作为变量名的。
更多专业前端知识请上
【猿2048】www.mk2048.com
