(81)Wangdao.com第十六天_JavaScript 严格模式
严格模式
除了正常的运行模式,JavaScript 还有第二种运行模式:严格模式(strict mode)。顾名思义,这种模式采用更加严格的 JavaScript 语法
同样的代码,在正常模式和严格模式中,可能会有不一样的运行结果。
一些在正常模式下可以运行的语句,在严格模式下将不能运行。
- 设计目的
- 早期的 JavaScript 语言有很多设计不合理的地方,但是为了兼容以前的代码,又不能改变老的语法,
- 只能不断添加新的语法,引导程序员使用新语法
- 严格模式是从 ES5 进入标准的,主要目的有以下几个。
- 明确禁止一些不合理、不严谨的语法,减少 JavaScript 语言的一些怪异行为
- 增加更多报错的场合,消除代码运行的一些不安全之处,保证代码运行的安全
- 提高编译器效率,增加运行速度
- 为未来新版本的 JavaScript 语法做好铺垫
- 启用方法
进入严格模式的标志,是一行字符串 use strict;
'use strict';
- 在整个脚本文件 启用
- 放在脚本文件的第一行,整个脚本都将以严格模式运行。
<script>
'use strict';
console.log('这是严格模式');
</script>
<script>
console.log('这是正常模式');
</script>
- 只在单个函数中 启用
- use strict; 放在函数体的第一行,则整个函数以严格模式运行
- 在整个脚本文件 启用
- 有时,需要把不同的脚本合并在一个文件里面。
- 如果一个脚本是严格模式,另一个脚本不是,它们的合并就可能出错。
- 严格模式的脚本在前,则合并后的脚本都是严格模式
- 如果正常模式的脚本在前,则合并后的脚本都是正常模式
- 有时,需要把不同的脚本合并在一个文件里面。
- 这时可以考虑把整个脚本文件放在一个立即执行的匿名函数之中
(function () {
'use strict';
// some code here
})();
- 这时可以考虑把整个脚本文件放在一个立即执行的匿名函数之中
- 显示报错
严格模式使得 JavaScript 的语法变得更严格,更多的操作会显式报错
其中有些操作,在正常模式下只会默默地失败,不会报错
- 只读属性不可写
- 严格模式下,设置字符串的 length 属性,会报错 // TypeError: Cannot assign to read only property 'length' of string 'abc'
- 删除不可配置(non-configurable)属性都会报错
- 只读属性不可写
- 禁止扩展的对象不可扩展
- 严格模式下,对禁止扩展的对象添加新属性,会报错
'use strict';
var obj = {};
Object.preventExtensions(obj); obj.v = 1; // Uncaught TypeError: Cannot add property v, object is not extensible
- 严格模式下,对禁止扩展的对象添加新属性,会报错
- 禁止扩展的对象不可扩展
- 严格模式下,对一个只有取值器(getter)、没有存值器(setter)的属性赋值,会报错
- eval、arguments 不可用作标识名
- 函数不能有重名的参数
- 禁止八进制的前缀0表示法
- 增强的安全措施
- 全局变量必须显式声明
- 禁止 this 关键字指向全局对象
- 函数禁止使用 fn.callee fn.caller
- 禁止使用 arguments.callee、arguments.caller
- 只有对象的属性,且属性的描述对象的 configurable 属性设置为 true,才能被 delete 命令删除
- 禁止使用 arguments.callee、arguments.caller
- 禁止删除window 的变量
- 静态绑定
- JavaScript 语言的一个特点,就是允许 “动态绑定”,
- 即某些属性和方法到底属于哪一个对象,不是在编译时确定的,而是在运行时(runtime)确定的。
- 某些情况下,只允许静态绑定。也就是说,属性和方法到底归属哪个对象,必须在编译阶段就确定。
- 这样做有利于编译效率的提高,也使得代码更容易阅读,更少出现意外。
- 禁止使用 with 语句
- 因为
with语句无法在编译时就确定,某个属性到底归属哪个对象,从而影响了编译效果
- 因为
- 禁止使用 with 语句
创设 eval 作用域
- 正常模式下,JavaScript 语言有两种变量作用域(scope):全局作用域和函数作用域
- 严格模式创设了第三种作用域:
eval作用域 - eval 所生成的变量只能用于 eval 内部
(function () {
'use strict';
var x = 2;
console.log(eval('var x = 5; x')) //
console.log(x) //
})()
- 如果希望
eval语句也使用严格模式,有两种方式// 方式一
function f1(str){
'use strict';
return eval(str);
} f1('undeclared_variable = 1'); // 报错 // 方式二
function f2(str){
return eval(str);
} f2('"use strict";undeclared_variable = 1') // 报错
- arguments 不再追踪参数的变化
- 变量
arguments代表函数的参数。严格模式下,函数内部改变参数与arguments的联系被切断了,两者不再存在联动关系
- 变量
非函数代码块不得声明函数
- 只允许在全局作用域或函数作用域声明函数
- 保留字
- implements、interface、let、package、private、protected、public、static、yield等
- 保留字
(81)Wangdao.com第十六天_JavaScript 严格模式的更多相关文章
- (80)Wangdao.com第十六天_JavaScript Object 对象的相关方法
Object 对象的相关方法 Object.getPrototypeOf() 返回参数对象的原型. 这是获取某对象的原型对象的标准方法. var F = function () {}; var f = ...
- (82)Wangdao.com第十六天_JavaScript 异步操作
异步操作 单线程模型 指的是,JavaScript 只在一个线程上运行 也就是说,JavaScript 同时只能执行一个任务,其他任务都必须在后面排队等待 注意,JavaScript 只在一个线程上运 ...
- (59)Wangdao.com第十天_JavaScript 对象在 栈和堆
对象的属性值 如果要使用特殊的属性名,需 对象["属性名"] = 属性值 // 存 对象["属性名"] // 取 obj["1 ...
- (62)Wangdao.com第十天_JavaScript 变量的作用域
在 js 中有两种作用域:全局作用域,局部作用域. 全局作用域 直接写在 <script> 标签中的变量和方法. 在网页打开时创建,在网页关闭时销毁. 全局作用域有一个全局对象 windo ...
- (60)Wangdao.com第十天_JavaScript 函数_作用域_闭包_IIFE_回调函数_eval
函数 实现特定功能的 n 条语句封装体. 1. 创建一个函数对象 var myFunc = new Function(); // typeof myFunc 将会打印 function ...
- (61)Wangdao.com第十天_JavaScript 立即执行函数
1. 立即执行函数 创建完了就执行,只执行完就不再执行了. ( function(){} )(); 例 ( function(a,b){ alert("Hello ,我是一个匿名函数!&qu ...
- (64)Wangdao.com第十天_JavaScript 对象的 toString() 方法改变输出
JavaScript 对象的 toString() 方法改变输出 在平常,我们 console.log(对象); // 会打印 [Object Object] 但是我们想要更详细的输出,此时,我 ...
- (65)Wangdao.com第十天_JavaScript 垃圾回收机制 GC
垃圾积累过多,致使程序运行缓慢,什么是垃圾? 当堆中某个内容,再也没有指针指向它,我们将再也用不了它,此时就是一个垃圾. 出现这种情况是因为 obj = null; 此时,js 中的垃圾回收机制会自动 ...
- (86)Wangdao.com第十九天_JavaScript 接口之 ParentNode 和 ChildNode
ParentNode 接口,ChildNode 接口 节点对象除了继承 Node 接口以外,还会继承其他接口. ParentNode 接口 表示当前节点是一个父节点,提供一些处理子节点的方法. Chi ...
随机推荐
- H5取经之路——CSS基础语法
一.CSS常用选择器 [选择器的命名规则] * 1.只能有字母数字下划线组成,不能有其他任何字符 * 2.开头不能是数字 [通用选择器] * 1.写法:*{} * 2.选中页面中的所有标签 * 3.优 ...
- 程序通过ReportViewer对象来调用reporting services并导出pdf文件
ReportViewer tempReportViewer = new ReportViewer(); tempReportViewer.ProcessingMode = ProcessingMode ...
- HttpReponse
属性: django将请求报文中的请求行.头部信息.内容主体封装成 HttpRequest 类中的属性. 除了特殊说明的之外,其他均为只读的. 0.HttpRequest.scheme 表示请 ...
- Leetcode#344. Reverse String(反转字符串)
题目描述 编写一个函数,其作用是将输入的字符串反转过来. 示例 1: 输入: "hello" 输出: "olleh" 示例 2: 输入: "A man ...
- WebService - 基础概念
一.WebService到底是什么 一言以蔽之:WebService是一种跨编程语言和跨操作系统平台的远程调用技术. 所谓跨编程语言和跨操作平台,就是说服务端程序采用java编写,客户端程序则可以采用 ...
- 帆软报表(finereport) 动态报表
动态表实现了不同的人根据需要选择不同的表进行查看,从而提高查询效率 在定义数据集时,通过if函数来判断参数的值从而来实现调用不同的数据表 如直接将SQL语句定义成:SELECT * FROM ${if ...
- 【原创】大数据基础之Drill(2)Drill1.14+Hive2.1.1运行
问题 Drill最新版本是1.14,从1.13开始Drill支持hive的版本升级到2.3.2,详见1.13的release notes The Hive client for Drill is up ...
- 在浏览器中查看.vue文件的源码
- Java实现大数加法运算的几种方法
大数加法 思路一:定义String变量str1和str2分别存储输入的两个大数,定义num1[]和num2[]两个int型数组,将两个字符串分别逐个字符逆序存入数组,定义sum[]数组存放求和结果,使 ...
- 12、Grafan 4.3升级到Grafana 5.0
Upgrading Grafana 升级Grafana We recommend everyone to upgrade Grafana often to stay up to date with t ...