美文网首页
JS中的严格模式

JS中的严格模式

作者: 蜜糖阿橙哥c | 来源:发表于2019-06-19 17:11 被阅读0次

严格模式的简单说明

为什么使用严格模式:

  • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;

  • 消除代码运行的一些不安全之处,保证代码运行的安全;

  • 提高编译器效率,增加运行速度;

  • 为未来新版本的Javascript做好铺垫。

"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱它。

另一方面,同样的代码,在"严格模式"中,可能会有不一样的运行结果;一些在"正常模式"下可以运行的语句,在"严格模式"下将不能运行。掌握这些内容,有助于更细致深入地理解Javascript,让你变成一个更好的程序员。

严格模式的限制

进入严格模式的方法很简单,只需要在脚本或者函数的开头输入"use strict"即可,值得一提的是,在无法执行严格模式的旧版浏览器中(IE10之前),该条指令会自动被忽略。

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

"use strict";
x = 1;          // Uncaught ReferenceError: x is not defined

限制2:严格模式定义在脚本开头,会对整个脚本执行严格模式

"use strict";
function fn () {
  x = 1;            // Uncaught ReferenceError: x is not defined
}
fn();

限制3:如果严格模式定义在函数头部,那么只在当前函数中使用严格模式,对函数外部的代码没有影响。

x = 1;//不报错
function fn () {
  "use strict"
  y = 2;            // Uncaught ReferenceError: y is not defined
}
fn();

限制4:在严格模式下,不能对对象的只读属性赋值

"use strict";

// 给不可写属性赋值
var obj1 = {};
Object.defineProperty(obj1, "x", { value: 42, writable: false });
obj1.x = 9; // 抛出TypeError错误


// 给不可扩展对象的新属性赋值
var fixed = {};
Object.preventExtensions(fixed);
fixed.newProp = "ohai"; // 抛出TypeError错误

限制5:在严格模式下,试图删除不可删除的属性时,会抛出异常

"use strict";
delete Object.prototype; // 抛出TypeError错误

限制6:在严格模式下,不允许重名属性

"use strict";
var o = { p: 1, p: 2 }; // 语法错误

限制7:严格模式要求函数参数名唯一

function sum(a, a, c){ // 语法错误
  "use strict";
  return a + a + c; // 代码运行到这里会出错
}

限制8:禁止八进制数字语法

"use strict";
var sum = 015 + // 语法错误
          197 +
          142;

限制8:禁止设置原始类型(primitive)值的属性

(function() {
  "use strict";
  false.true = "";              //TypeError
  (14).sailing = "home";        //TypeError
  "with".you = "far away";      //TypeError
})();

限制10:禁用with

限制11:严格模式下,eval()创建变量不能被调用

"use strict";
eval ("var x = 2");
alert (x);                      // Uncaught ReferenceError: x is not defined

限制12:严格模式禁止删除声明变量

"use strict";

var x;
delete x; // 语法错误

限制13:不能使用evalarguments作为标识

"use strict";
var arguments = 1;// Uncaught SyntaxError: Unexpected eval or arguments in strict mode
var eval = 2;     // Uncaught SyntaxError: Unexpected eval or arguments in strict mode

限制14:严格模式下,函数的 arguments 对象会保存函数被调用时的原始参数。arguments[i] 的值不会随与之相应的参数的值的改变而变化,同名参数的值也不会随与之相应的 arguments[i] 的值的改变而变化。

"use strict";
function f(a,b) {
    a=10;
    console.log(arguments[0]);//1
    arguments[0] = 20;
    console.log(a);//10
}
f(1,2);

限制15:不再支持arguments.callee

"use strict";
var f = function() { return arguments.callee; };
f();                // TypeError

限制16:保留部分关键字,这些字符包括implements, interface, let, package, private, protected, public, static和yield。在严格模式下,你不能再用这些名字作为变量名或形参名。

限制17:禁止this指向全局对象,当this指向全局对象时,自动转为undefined

总结

当你想要提升原生JS代码的健壮性和可读性,回避JS一些被人诟病的语法,严格模式是你不二的选择。

相关文章

  • 面向对象-严格模式、作用域

    严格模式 js有两中开发模式:非严格模式(默认)+严格模式(“ues strict”) 严格模式:会进行更严格的代...

  • 开发中的严格模式

    js中有严格模式和非严格模式两种运行环境 在开发中,有非严格模式和严格模式2种开发模式 在严格模式下,会做更加严格...

  • JS中的严格模式

    严格模式的简单说明 为什么使用严格模式: 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;...

  • js 严格模式

    "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条...

  • js:严格模式

    严格模式:js的一种运行模式,设立严格模式主要有以下几个: 1、消除js语法的一些不合理、不严谨之处,减少一些...

  • js严格模式

    1.为什么用严格模式 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; 消除代码运行的一些...

  • JS严格模式

    一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"。顾名思义,这种模式使得Ja...

  • JS 严格模式

    一、如何使用严格模式?可以在js文件的最开头写入,这样就会在整个js文件中使用严格模式 或者在一个函数的开头写入,...

  • js严格模式

    一、概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。...

  • js严格模式

    链接地址:http://www.cnblogs.com/xiaohuochai/p/4804903.html"us...

网友评论

      本文标题:JS中的严格模式

      本文链接:https://www.haomeiwen.com/subject/cookqctx.html