前言:

"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。

它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。

"use strict" 的目的是指定代码在严格条件下执行。

严格模式下你不能使用未声明的变量。

浏览器支持情况:

Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。

使用方式:

在脚本或函数的头部添加    "use strict";   表达式来声明。

针对全局要求使用严格模式:

"use strict";
fo() {
console.log('---')
}

针对某个函数内部要求使用严格模式:

fo(){
"use strict";
console.log('---')
}

主要作用:

  1. 消除版本javascript中一些不合理及不严谨之处,减少怪异行为
  2. 提高编译效率,提高运行速度
  3. 为新版本的javasript做铺垫兼容

语法说明:

1.不允许使用未声明的变量:

"use strict";
x = 3.14; // 报错: Uncaught ReferenceError: x is not defined

2.不允许删除变量, 对象, 函数:

"use strict";
var x = 3.14;
delete x; // 报错: Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.

3.不允许函数的参数重名:

"use strict";
function fo(x1, x1) {}; // 报错: Uncaught SyntaxError: Duplicate parameter name not allowed in this context

4.不允许使用八进制:

"use strict";
var x = \010; // 报错: Uncaught SyntaxError: Invalid or unexpected token

5.不允许对只读属性赋值::

"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false}); obj.x = 3.14; // 报错: Uncaught TypeError: Cannot assign to read only property 'x' of object '#<Object>'

6.不允许对一个使用getter方法读取的属性进行赋值:

"use strict";
var obj = {get x() {return 0} }; obj.x = 3.14; // 报错: Uncaught TypeError: Cannot set property x of #<Object> which has only a getter

7.不允许删除一个不允许删除的属性:

"use strict";
delete Object.prototype; // 报错: Uncaught TypeError: Cannot delete property 'prototype' of function Object() { [native code] }

8.变量名不能使用 "eval" 字符串:

"use strict";
var eval = 3.14; // 报错: Uncaught SyntaxError: Unexpected eval or arguments in strict mode

9.变量名不能使用 "arguments" 字符串:

"use strict";
var arguments = 3.14; // 报错: Uncaught SyntaxError: Unexpected eval or arguments in strict mode

10.禁止this关键字指向全局对象:

function f(){
return !this;
}
f() // 返回false,因为"this"指向全局对象,"!this"就是false function f(){
"use strict";
return !this;
}
f() // 返回true,因为严格模式下,this的值为undefined,所以"!this"为true。

因此,使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错:

function f(){
"use strict";
this.a = 1;
};
f();// 报错,this未定义

  var a = function() {
    console.log(this)
  }
  a() // 输入window  
  var b =new a() //输出a对象

 

特别提示: "use strict" 指令只允许出现在脚本或函数的开头。

JavaScript 严格模式(use strict)的更多相关文章

  1. Javascript 严格模式("use strict";)详细解解

    1 1 1 Javascript 严格模式("use strict";)详细解解 "use strict";定义JavaScript代码应该在"str ...

  2. Javascript 严格模式use strict

    一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode).顾名思义,这种模式使得Javascript在更严格的条件下运行. 设立”严格模式”的目 ...

  3. Javascript 严格模式use strict详解

    1.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode).顾名思义,这种模式使得Javascript在更严格的条件下运行. ...

  4. JavaScript进阶【二】JavaScript 严格模式(use strict)的使用

    /*** *使用严格模式的原因: * ①:消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; ②:消除代码运行的一些不安全之处,保证代码运行的安全: ③:提高编译器效率,增加运行 ...

  5. 【JS】312- 复习 JavaScript 严格模式(Strict Mode)

    点击上方"前端自习课"关注,学习起来~ 注:本文为 < JavaScript 完全手册(2018版) >第30节,你可以查看该手册的完整目录. 严格模式是一项 ES5 ...

  6. 浅谈JavaScript严格模式(use strict)

    "use strict" 的目的是指定代码在严格条件下执行. 严格模式下你不能使用未声明的变量. 严格模式声明 严格模式通过在脚本或函数的头部添加 "use strict ...

  7. JavaScript严谨模式(Strict Mode)

    下面的内容翻译自It’s time to start using JavaScript strict mode,作者Nicholas C.Zakas参与了YUI框架的开发,并撰写了多本前端技术书籍,在 ...

  8. JavaScript语法支持严格模式:"use strict"

    如果给JavaScript代码标志为“严格模式”,则其中运行的所有代码都必然是严格模式下的.其一:如果在语法检测时发现语法问题,则整个代码块失效,并导致一个语法异常.其二:如果在运行期出现了违反严格模 ...

  9. Javascript 严格模式(strict mode)详解

    Javascript 严格模式详解   一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode).顾名思义,这种模式使得Ja ...

随机推荐

  1. iOS exit(),abort(),assert()函数区别

    iOS exit(),abort(),assert()函数区别 exit() 退出程序 abort() 停止程序, assert()检查里面的参数如果为nil抛出异常:

  2. javascript闭包传参就这么简单

    var query = (function (a) { return a; })('fx'); alert(query);

  3. <译>Flink编程指南

    Flink 的流数据 API 编程指南 Flink 的流数据处理程序是常规的程序 ,通过再流数据上,实现了各种转换 (比如 过滤, 更新中间状态, 定义窗口, 聚合).流数据可以来之多种数据源 (比如 ...

  4. HBase ProcedureV2 分析

    Procedure V2, 是hbase1.1版本引入的一套fault-tolerant的执行multi-steps-job的框架, 目前主要用在Master中, 比如创建表,删除表等操作 新旧比较 ...

  5. newWindow 弹出的新窗口居中显示

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. 基于easyui fom分组插件

    本插件适用于表单按属性分组,可以动态设置显示的列数,每一个表单宽度,表单类型,以及对齐.不同panel之间的表单也是对齐的. 效果: 依赖:jquery ,easyui, 实现过程:整个控件一个pan ...

  7. 纯div+css制作的弹出菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. win10 清理winsxs文件夹

    dism /online /cleanup-image /startcomponentcleanup /resetbase

  9. Spring Boot(二):@SpringBootApplication注解理解

    @SpringBootApplication包含三个有用的注解,包括 @SpringBootConfiguration:看源码其实就是@Configuration,表示当前类是一个配置类,就像xml配 ...

  10. 环境搭建基础知识2(sublime text3中配置verilog语法高亮)

    需求说明:Verilog设计 内容       :verilog开发环境搭建 来自       :时间的诗 1 软件下载 1.1 官方下载 地址http://www.sublimetext.com/3 ...