在js中的严格模式的理解

本文深入探讨JavaScript严格模式的启动方式,及其对变量、对象、函数等的影响,对比正常模式下的行为差异,帮助开发者理解如何利用严格模式提升代码质量和安全性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、严格模式

  1. 严格模式:使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为,在严格的条件下运行。严格模式中体现了Javascript更合理、更安全、更严谨的发展方向,IE 10在内的主流浏览器。
  2. 设立严格模式的原因:
    1)消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为
    2)消除代码运行的一些不安全之处,保证代码运行的安全
    3)提高编译器效率,增加运行速度
    4)为未来新版本的Javascript做好铺垫
  3. 开启严格模式:
    1)“use strict”; 是进入严格模式的标志。
    2) 将"use strict"放在脚本文件的第一行,则整个脚本都将以"严格模式"运行。如果这行语句不在第一行,则无效,整个脚本以"正常模式"运行。从严格意义上来说,只要前面不是产生实际运行结果的语句,"use strict"可以不放在脚本文件的第一行。
    3)在全局作用域使用的话,那整个js脚本就会开启这种模式。
    4)如果是只在函数内部使用的话,那么就只是该函数内部开启而已
  4. 调用脚本
    1)针对整个脚本文件:
    a. 将"use strict"放在脚本文件的第一行,整个脚本都将以严格模式运行。如果这行语句不在第一行就无效,整个脚本会以正常模式运行。
    举例:
<script>
 'use strict';
  console.log('这是严格模式');
</script>
<script>
  console.log('这是正常模式');
</script>

b. 如果将"use strict"放在后面,将不会生效,不会开启严格模式,会作为字符串被解析
举例:

<script>
  console.log('这是正常模式');
  'use strict';
</script>

2)针对单个函数,将"use strict"放在函数体的第一行,则整个函数以"严格模式"运行
举例:

function strict() {
  'use strict';
  return '这是严格模式';
}

function strict2() {
  'use strict';
  function f() {
    return '这也是严格模式';
  }
  return f();
}

3)脚本文件的变通写法,将整个脚本文件放在一个立即执行的匿名函数之中
举例:

    function(){
               'use strict';
               function strict(){
                 	   a=1;
                       console.log(a)
                 }
                 strict();
             function notStrict() {
               var a=1;
                  console.log(a)
             }
               notStrict();
           })()

二、严格模式的影响

  1. 变量
    1)在严格模式下不允许创建全局变量
    2)在严格模式下,对变量名也是有限制,不能使用implements、interface、let、package、private等保留字作为变量名,用这些变量命名的话,都会导出语法错误
  2. 对象
    1)在严格模式下为只读属性赋值会抛出TypeError
    2)在严格模式下对不可配置的属性使用delete 操作符会抛出TypeError
    3)在严格模式下对不可扩展的对象添加属性会抛出TypeError
  3. 函数
    1)在严格模式下,要求命名函数的参数必须是唯一的
    2)在严格模式下arguments对象的行为也有所不同,在严格模式下修改命名参数的值也会反映到argument对象中,但是在严格模式下这两个值是完全独立的
    3)在严格模式下eval()函数在包含上下文中不在创建变量或者函数,可以在eval()中声明变量和函数,但这些边行或者函数只能在被求值的特殊作用域中有效,随后就将被销毁
    4)在严格模式下,函数this的值始终是指定的值
    5)在严格模式下使用with语句是导致语法错误

三、严格模式的分析

  1. 全局变量显式声明
    1)在严格模式,在严格模式下,变量必须先用var声明,然后再使用
    举例:
    'use strict';
           a=2;
           console.log(a)//报错
           for(i=0;i<5;i++){  //报错
               console.log(i)
           }
      
    

2)正常模式
举例:

    a=2;
         console.log(a)//2
         for(i=0;i<5;i++){
             console.log(i)//0 1 2 3 4
         }
  1. 静态绑定
    1)禁止使用with()语句
    2)创设eval作用域
    正常模式下,Javascript语言有两种变量作用域(scope):全局作用域和函数作用域。严格模式创设了第三种作用域:eval作用域。
    正常模式下,eval语句的作用域,取决于它处于全局作用域,还是处于函数作用域。严格模式下,eval语句本身就是一个作用域,不再能够生成全局变量了,它所生成的变量只能用于eval内部。

  2. 增强的安全措施
    1)禁止this关键字指向全局对象
    举例:

  function fn(){
                return !this;
            }
            console.log(fn())//false  因为"this"指向全局对象,"!this"就是false
            
            function fn2(){
                'use strict'
                return !this;
            }
            console.log(fn2())//true  因为严格模式下,this的值为undefined,所以"!this"为true
            
            function fn3(){
                'use strict'
                return this;
            }
            console.log(fn3())//undefined    因为严格模式下,this的值为undefined

注意:使用构造函数时,如果忘了加new,this不再指向全局对象,而是报错
2)禁止在函数内部遍历调用栈
举例:

function fn(){
         "use strict";
         f1.caller; // 报错
         f1.arguments; // 报错
       }
       fn();

4.禁止删除变量
1)严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除
2)在非严格模式中对象属性可以删除,无法直接删除变量,删除不了原型链中的变量

  1. 显示报错
    1)正常模式下,对一个对象的只读属性进行赋值,不会报错,只会默默地失败。严格模式下,将报错
    正常模式:
    举例:
 			var o = {};
            Object.defineProperty(o, "v", { value: 1, writable: false });
            o.v = 2;
            console.log(o)//1   虽然没有改变,但是也没有报错

严格模式:
举例:

   		  'use strict';
           var o = {};
           Object.defineProperty(o, "v", { value: 1, writable: false });
           o.v = 2; // 报错
           console.log(o)

2)严格模式下,对一个使用getter方法读取的属性进行赋值,会报错
正常模式:
举例:

 var o = {
          get v() { return 1; }
          };
          o.v = 2; 
          console.log(o.v)//1  虽然没有改变,但是没有报错

严格模式:
举例:

   		  'use strict';
           var o = {
               get v() { return 1; }
           };
           o.v = 2; // 报错
           console.log(o.v)

3)严格模式下,对禁止扩展的对象添加新属性,会报错
正常模式:
举例:

			var o = {};
            Object.preventExtensions(o);
            o.v = 1;
            console.log(o)//空对象

严格模式:
举例:

   		  'use strict';
           var o = {};
           Object.preventExtensions(o);
           o.v = 1; //
           console.log(o)

4) 严格模式下,删除一个不可删除的属性,会报错
正常模式:
举例:

  delete Object.prototype; //无影响

严格模式:
举例:

'use strict';
delete Object.prototype; // 报错

5)重名错误,对象不能有重名的属性,最后赋值的属性覆盖掉前面的属性。同时,函数不能有重名的参数。正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误,会报错
正常模式:
举例:

function f(a, a, b) { 
          return a;
        }
          f();

严格模式:
举例:

 		  "use strict";
         function f(a, a, b) { // 语法错误
           return a;
         }
           f();
  1. arguments对象的限制
    1) 不允许对arguments赋值
    举例:
 "use strict";
  arguments++; // 语法错误
  var obj = { set p(arguments) { } }; // 语法错误
  try { } catch (arguments) { } // 语法错误
  function arguments() { } // 语法错误
  var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误

2)arguments不再追踪参数的变化
举例:
正常模式:
举例:

function f(a) {
    a = 2;
     return [a, arguments[0]];
  }
  f(1); // 正常模式为[2,2]

严格模式:
举例:

  function f(a) {
    "use strict";
    a = 2;
    return [a, arguments[0]];
  }
  f(1); // 严格模式为[2,1]

3)禁止使用arguments.callee,在匿名函数内部不能够调用自身
举例:

  "use strict";
  var f = function() { return arguments.callee; };
  f(); // 报错
  1. 禁止八进制表示法
    1)正常模式下,整数的第一位如果是0,表示这是八进制数,比如0100等于十进制的64。严格模式禁止这种表示法,整数第一位为0,将报错
    举例:
"use strict";
var n = 0100; // 语法错误
  1. 函数必须声明在顶层
    1)严格模式只允许在全局作用域或函数作用域的顶层声明函数,不允许在非函数的代码块内声明函数
    举例:
   "use strict";
  if (true) {
    function f() { } // 语法错误
  }

  for (var i = 0; i < 5; i++) {
    function f2() { } // 语法错误
  }
  1. 严格模式中新增的保留关键字,使用这些词作为变量名将会报错
    implements
    interface
    let
    package
    private
    protected
    public
    static
    yield
    举例:
 function package(protected) { // 语法错误
    "use strict";
    var implements; // 语法错误
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值