ECMAScript5严格模式
ECMAScript5引入了严格模式(strict mode)的概念,IE10+开始支持。严格模式为JavaScript定义了一种不同的解析和执行模型,在严格模式下,ECMAScript3中的一些不确定或不安全的行为将会抛出一些错误。
开启严格模式的方法是在“作用域”的第一行加上
'use strict';
在严格模式下,未使用var定义的全局变量会报错,这是检验当前域是否为严格模式的一种简单方法。
函数级作用域:
// 严格模式
(function foo() {
'use strict';
bar = 10; // ReferenceError
})();
脚本级作用域:
<script>
// 严格模式
'use strict';
foo = 10; // ReferenceError
</script>
脚本级别的严格模式不影响该页面的另一个脚本。
严格模式带来的变化
在严格模式下,ECMAScript3中的一些“失误”会抛出“错误”,同时它去除了一些容易产生问题语法,这使得调试错误变得更为直接。
无意(未使用var)创建一个全局变量会报错
'use strict'; // Uncaught ReferenceError:
// mistypedVariable is not defined
mistypedVariable = 17;
重复性检查
'use strict'; // Uncaught SyntaxError:
// Duplicate data property in object literal not allowed in strict mode
var o = { p: 1, p: 2 }; // Uncaught SyntaxError:
// Strict mode function may not have duplicate parameter names
function sum(a, a, c){
return a + b + c;
}
函数中的this关键字
在严格模式中,函数顶层的this将不再指向window,而是undefined。
'use strict';
function foo(){
console.log(this) // undefined
}
foo();
禁止删除变量
'use strict';
var x; // Uncaught SyntaxError:
// Delete of an unqualified identifier in strict mode.
delete x;
禁止定义八进制字面量
在《JavaScript高级程序设计(第三版)》中提到“八进制字面量在严格模式下是无效的...”,这里存在一个小小的问题:何为字面量?
You use literals to represent values in JavaScript. These are fixed values, not variables, that you literally provide in your script.
——Values, variables, and literals
比如数组的字面量[],比如对象的字面量{},再比如整数的字面量有以下三种:
- 0, 117 and -345 (decimal, base 10)
- 015, 0001 and -077 (octal, base 8)
- 0x1123, 0x00111 and -0xF1A7 (hexadecimal, "hex" or base 16)
所以这样的字面量写法在严格模式下显然不可以:
'use strict'; // Uncaught SyntaxError:
// Octal literals are not allowed in strict mode.
var foo = 063;
既然书里说八进制字面量行不通,那么好奇心驱使我试验了整数字面量的引用类型new Number(063),在我的印象里,它和字面量是有区别的。
console.log(typeof 1, typeof new Number(1)); // number object
但是,
'use strict'; // Uncaught SyntaxError:
// Octal literals are not allowed in strict mode
var foo = new Number(063);
所以,在严格模式下,字面量方式和引用方式都不能显示的定一个八进制变量。
禁止使用with语句
使用with语句会引发一些意想不到的问题,比如
var root = {
branch: {
node: 1
}
};
with(root.branch) {
root.branch = {
node: 0
};
// 显示 1, 错误!
alert(node);
}
// 显示 0, 正确!
alert(root.branch.node);
所以严格模式下去除了with语句,消除动态作用域带来的负面效果。
'use strict'; // Uncaught SyntaxError:
// Strict mode code may not include a with statement
with (obj){ }
eval作用域
同样,禁止在eval中声明变量,也是在严格模式下保证了静态作用域。
'use strict';
eval('var foo = 2'); // Uncaught ReferenceError:
// bar is not defined
console.log(foo);
在函数中不可访问caller、callee以及arguments
function foo(){
'use strict';
foo.caller; // TypeError
foo.arguments; // TypeError
arguments.callee; // TypeError
}
foo();
必须在脚本或者函数的最上层声明函数
'use strict'; // Uncaught SyntaxError:
// In strict mode code,
// functions can only be declared at top level or
// immediately within another function.
if (true){
function f1(){ }
f1();
} for (var i = 0; i < 5; i++){
function f2(){ } // SyntaxError
f2();
}
增加一些保留字
严格模式新增了一些保留字:implements、 interface、 let、 package、 private、 protected、 public、 static、 yield,使用这些词作为变量会报错。
结语:严格模式使得JavaScript表现的更为严谨,让开发者不必纠结于分析作用域的动态结果,也减少了由于一些潜在的bug引起的异常结果。
ECMAScript5严格模式的更多相关文章
- javascript基础语法——变量和标识符
× 目录 [1]定义 [2]命名规则 [3]声明[4]特性[5]作用域[6]声明提升[7]属性变量 前面的话 关于javascript,第一个比较重要的概念是变量,变量的工作机制是javascript ...
- 深入理解JS的delete
原文链接: Understanding delete原文作者: Kangax原文日期: 2010年01月10日 翻译日期: 2014年02月07日 翻译人员: 铁锚 !!!!!!!!草稿版本的翻译完成 ...
- JavaScript中的eval()函数
和其他很多解释性语言一样,JavaScript同样可以解释运行由JavaScript源代码组成的字符串,并产生一个值.JavaScript通过全局函数eval()来完成这个工作. eval(“1+2” ...
- 第十章:Javascript子集和扩展
本章讨论javascript的集和超集,其中子集的定义大部分处于安全考虑.只有使用这门语言的一个安全的子集编写脚本,才能让代码执行的更安全.更稳定.ECMScript3标准是1999年版本的,10年后 ...
- 对js闭包的粗浅理解
只能是粗浅的,毕竟js用法太灵活. 首先抛概念:闭包(closure)是函数对象与变量作用域链在某种形式上的关联,是一种对变量的获取机制.这样写鬼能看懂. 所以要大致搞清三个东西:函数对象(funct ...
- javascript 关于闭包的知识点
javascript 关于闭包的认识 概念:闭包(closure)是函数对象与变量作用域链在某种形式上的关联,是一种对变量的获取机制. 所以要大致搞清三个东西:函数对象(function object ...
- eval全局作用域和局部作用域的坑!
1.eval 是个函数,他可以被赋值给变量,例如 var evalg = eval; evalg("alert(1)"); 2.eval被赋值时,也会把当前eval所处的变量 ...
- javascript中的eval函数
eval()只有一个参数,如果传入的参数不是字符串,则直接返回这个参数.否则会将字符串当成js代码进行编译,如果编译失败则抛出语法错误(SyntaxError)异常.如果编译成功则开始执行这段代码,并 ...
- 【规范】前端编码规范——javascript 规范
全局命名空间污染与 IIFE 总是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression),用以创建独立隔绝的定义域.这一举措可防止全局命名空间被污 ...
随机推荐
- python开发规范(转载)
转载自http://www.cnblogs.com/wangcp-2014/p/4838952.html 目录 代码布局 1.1 缩进 1.2 表达式和语句中的空格 1.3 行的最大长度 1.4 空行 ...
- elk系列4之kibana图形化操作【转】
preface 我们都搭建了ELK系统,且日志也能够正常收集的时候,那么就配置下kibana.我们可以通过kibana配置柱状图,趋势图,统计图,圆饼图等等各类图.下面就拿配置统计图和柱状图为例,结合 ...
- java版云笔记(三)
登录与注册写好了下来就是主页,今天写的是主页加载时笔记本列表的显示,ajax是固定的就不重点说了.主要说一下jQuery.data() 函数和jQuery.on() 函数. 注:这个项目的sql文件, ...
- leetcode Two Sum II - Input array is sorted <面试常考题>
题目描述 //二分查找的变形 用头尾两个指针进行 面试考察题 class Solution { public: vector<int> twoSum(vector<int> ...
- [你必须知道的.NET]第二十三回:品味细节,深入.NET的类型构造器
发布日期:2008.11.2 作者:Anytao © 2008 Anytao.com ,Anytao原创作品,转贴请注明作者和出处. 说在,开篇之前 今天Artech兄在<关于Type Init ...
- [你必须知道的.NET]第二十一回:认识全面的null
发布日期:2008.7.31 作者:Anytao © 2008 Anytao.com ,Anytao原创作品,转贴请注明作者和出处. 说在,开篇之前 null.nullable.??运算符.null ...
- 设置或者获取CheckboxList控件的选中值
1.设置CheckBoxList选中的值 /// <summary> /// 设置CheckBoxList中哪些是选中了的 /// </summary> /// <par ...
- mean(bootstrap,angular,express,node,mongodb)通用后台框架
学习node,我这个毫无美感的程序员在bootstrap与node的感染下,向着“全栈工程师”迈进,呵呵! 最终选择如题的技术方案,这些东东都算比较新的,网上的资料比较少,参考了不少github程序及 ...
- git使用点滴:如何查看commit的内容
在push之前有时候会不放心是不是忘记加某些文件,或者是不是多删了个什么东西,这时候希望能够看看上次commit都做了些什么. 一开始想到的是用Git diff,但是git diff用于当前修改尚未c ...
- 【转载】Xutils3源码解析
Github源码地址:https://github.com/wyouflf/xUtils3 原文地址 :http://www.codekk.com/blogs/detail/54cfab086c476 ...