(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 ...
随机推荐
- GDB使用记录
ref:http://sunyongfeng.com/201506/programmer/tools/gdb.html 简介 GDB,GNU Debugger,特性如下: GDB具备各种调试功效,可对 ...
- java多图片上传--前端实现预览--图片压缩 、图片缩放,区域裁剪,水印,旋转,保持比例。
java多图片上传--前端实现预览 前端代码: https://pan.baidu.com/s/1cqKbmjBSXOhFX4HR1XGkyQ 解压后: java后台: <!--文件上传--&g ...
- python模块 - pywinauto(windows自动化安装软件)
GUI 窗口查询工具 spy++lite pywinauto 模块 原理: https://www.cnblogs.com/testlife007/p/4710599.html pywhinayto ...
- 3D Slicer中文教程(四)—图像分割
1.数据获取 (1)下载3D Slicer自带的样本数据 (2)选择自由的数据 (3)网上数据库等其他方式下载数据 2.分割工具 Segment Editor是一个用于分割的模块.细分(也称为轮廓)描 ...
- Linux Django项目测试
步骤 django项目: 依赖包 [root@web01 ~]# yum install openssl-devel bzip2-devel expat-devel gdbm-devel readli ...
- yum install 报错[Errno 14] curl#37 - Couldn't open file /mnt/repodata/repomd.xml
最近在玩centos7,之前装系统没太注意yum这个东东,今天用别人装好的系统想用yum install 一个东西,结果报各种错,所以就是: 1.然后按照网上的一些修改,先是执行: yum cleam ...
- npm脚本传参问题
npm脚本传参问题(比如设置env参数) windows环境下: "build": "set NODE_ENV=dev&& gulp", &qu ...
- html form action
action 行为 一.j_security_check 登陆检查 <!DOCTYPE html> <html> <head> <meta charset= ...
- vmware ubuntu硬盘空间不够用,空间扩展
我从来没有想过我的虚拟机内存会不够用,毕竟已经20G了,可是最近学习python,装了些学习有关的软件, 期末做libvirt管理实验,存了两个镜像,就变成这样了,所以,我就像了要扩展硬盘空间,在网上 ...
- CAP分布式事务 学习及简单demo
完全参考 github的指导 demo地址, Pub使用 efcore , Sub 使用 dapper, mysql数据库 https://files.cnblogs.com/files/xtxtx/ ...