Javascript的版本较多,主要由于是在浏览器端运行的语言,加上微软早起的策略影响,导致运行环境多种多样,除开现代浏览器能够不断的更新支持新的标准,IE6大家族,几乎可以说每一代都是不同的Javascript运行环境,这也就导致了许多兼容性的问题.因此,我们在编写Javascript的时候,需要明确的知道我们所使用的是哪个版本的Javascript,版本不同,特性也不同,所能运行的环境也是大不相同.
Strict Mode
Strict 模式,使语言能够按照ES5的要求进行需要排错检测,同时又能够兼容在低版本的浏览器中运行.
Strict模式的定义非常简单,只主要在文件或者函数体的开头加上use strict即可,这样,在支持ES5的浏览器的环境上面运行这段代码,浏览器就会按照ES5的标准来对JS进行语法排错.
为什么能在老旧的浏览器中运行?
JS的语法是向后兼容的,因而按照ES5编写的JS,是能够准确无误的在老旧浏览器中运行的,因而对于语法来说,是肯定没有问题的,但是,多出来的use strict又是否可以会有副作用呢?答案是否定的,我们可以理解为use strict是定义了一个字符串的变量,但是因为没有变量名,老旧的浏览器在给其分配了内存以后,又会马上的回收,因而不会产生副作用.
Strict Mode的陷阱
Strict Mode固然好,但是一不留神,就坑踩到其中的坑.其中一个比较大的坑就是,use strict语句只有在JS文件或者函数的顶部才能生效,如果仅仅只是编写一个文件,当然没有问题,但是,如果我们的JS文件是多个不同的人员编写,然后统一组装起来的呢?这个时候,就会带来兼容性的问题了.
//file1.js
"use strict";
function f() {
// ...
}
// ...
// file2.js
// no strict-mode directive
function g() {
var arguments = [];
// ...
}
// ...
如果我们直接把这两个文件拼凑起来,直接就会报错,为什么呢?因为在file1.js中,我们定义了use strict模式,但是file2.js是别人写的,并没有使用严格模式,所以直接连接在一起的时候,file2.js也会因此而被ES5语法检查,从而导致报错.
那么,有没有办法可以解决这个问题呢?有人会想着,我把这两个换过来不就行了呗.真的是这么简单的?答案是否定的,前面我们说过,use strict声明只要在文件的开头或者函数体的开头才会生效,如果我们直接把文件进行替换,use strict这个声明既不是在文件的顶端,又不是在函数体的开头,自然会导致失效.虽然这样不会报错,但是这就失去了严格模式的意义了,从而导致部分代码的错误无法发现.
那么,对于这类由不同人员开发,并且是否使用严格模式不统一的情况下,我们要如何处理呢?
一个很直观的方法就是,不要把使用了严格模式和没使用严格模式的文件进行组合,把他们分别进行组合,HTML引入两个文件,这是一个解决办法,但是这只是一个妥协折中的办法,并不是真的解决了这个问题.
还有另外一个办法,可以比较完美的解决这个问题,就是IIFEs(immediately invoked function expressions).相信大家有JS基础的话,都会对IIFEs有所了解吧,在某些异步的场景中,我们可以通过IIFEs来对每次的异步状态进行保存.废话谁说,直接看代码
// no strict-mode directive
(function() {
// file1.js
"use strict";
function f() {
// ...
}
// ...
})();
(function() {
// file2.js
// no strict-mode directive
function f() {
var arguments = [];
// ...
}
// ...
})();
我们分别把不同的文件使用一个括号进行包围起来,这样,这两个文件就分别处于不同的scope中的,use strict模式只会影响在同一个括号里面的代码,不会影响括号以外的代码,因此也是实现了他们之间的和平共处.
在ES6没有出来之前,大部分的模块化也是借鉴这样的方式实现的,这样里面定义的函数和变量都不再是全局的,而是仅仅再括号内部能够使用.
但是,如果我们在写一个库的时候,我们无法预想到以后的运行环境是怎么样的,有可能我们的函数会被打包连接工具打包起来,就会打破了我们所定义了strict模式,因而,如果我们希望自己所编写的代码无论在什么时候都是在strict模式运行的话,就可以选择在对每一个函数都使用括号进行包裹,然后调用IIFEs机制.
(function() {
"use strict";
function f() {
// ...
}
// ...
})();
总结
- 决定你的应用使用哪一种Javascript版本
- 确定你使用的Javascript版本的所有特性都能够被应用运行的环境所支持
- 总是使用支持strict模式的环境来测试strict模式的代码
- 知道在链接不同的Javascript代码的时候的不同点
网友评论