技术交流QQ群:1027579432,欢迎你的加入!

欢迎关注我的微信公众号:CurryCoder的程序人生

1.什么是严格模式(strict model)

  • JavaScript除了提供正常模式外,还提供了严格模式。ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格的条件下运行JS代码。
  • 严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。
  • 严格模式对正常的JavaScript语义做了一些更改:
    • 消除了JavaScript语法的一些不合理、不严谨的地方,减少了一些怪异的行为。
    • 消除代码运行的一些不安全之处,保证代码运行的安全性。
    • 提高编译器效率,增加运行速度。
    • 禁用了在ECMAScript的未来版本中可能会定义的一些语法,为未来新版本的JavaScript做好铺垫。比如一些保留字如:class、enum、export、extends、import、super不能作为变量名。

2.开启严格模式

  • 严格模式可以应用到整个脚本或个别函数中。因此在使用时,可以将严格模式分为脚本开启严格模式和为函数开启严格模式两种情况。
2.1 为脚本开启严格模式
  • 为整个脚本文件开启严格模式,需要**在所有语句之前放一个特定的语句"use strict";**或’use strict’;。

    <script>// 为整个脚本开启严格模式'use strict';
    </script>
    
  • 有的script基本是严格模式,有的script脚本是正常模式。这样不利于文件合并,所以可以将整个脚本文件放在一个立即执行函数当中。这样独立创建一个作用域而不影响其他script脚本文件。
    <script>(function(){'use strict';})()
    </script>
    
2.2 为函数开启严格模式
  • 要给某个函数开启严格模式,需要把"use strict";或’use strict’;声明放在函数体所有语句之前

    <script>
    // 为某个函数开启严格模式
    function fn(){'use strict';  // 只是给函数fn()开启严格模式
    }function fun(){// 里面还是按照普通模式执行
    }
    </script>
    

3.严格模式中的变化

  • 严格模式对JavaScript的语法和行为,都做出了一些改变。

  • (1).变量规定

    • 在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁用这种用法,变量都必须先用var命令声明,然后再使用。
    • 严禁删除已经声明的变量。例如delete x;语法是错误的。
  • (2).严格模式下this指向问题

    • 以前在全局作用域中函数的this指向的是window对象。
    • 严格模式下,全局作用域中函数的this指向的是undefined
    • 以前构造函数不加new也可以调用,它就当作普通函数使用,this指向全局对象。
    • 严格模式下,如果构造函数不加new调用,this会报错。
    • new实例化时,构造函数指向创建的对象实例。
    • 严格模式下,定时器中的this指向的还是window。
    • 事件、对象还是指向调用者。
  • (3).函数变化

    • 函数不能有重名的参数
    • 函数必须声明在顶层,新版本的JavaScript会引入块级作用域(ES6中已经引入)。为了与新版本接轨,不允许在非函数的代码块内声明函数。

4.资料下载

  • 笔记及代码,欢迎 star,follow,fork…
  • 关于严格模式更多信息,请点击这里

39 JavaScript中的严格模式相关推荐

  1. JavaScript中的严格模式

    严格模式 严格模式是JavaScript中的一种限制性更强的变种方式 严格模式可以跟非严格模式共存 目的 首先,在严格模式中将JavaScript陷阱直接报错 其次,修正了一些引擎难以优化的错误:同样 ...

  2. 详细介绍javascript中的单体模式singleton(全面)

    一.单体模式描述 1.单体模式是javascript中最基本但又最有用的模式之一,他可能比其他任何模式都常用. 2.这种模式提供了一种将代码组织为一个逻辑单元的手段,这个逻辑单元中的代码可以通过单一的 ...

  3. JavaScript中使Promise模式进行异步编程

    Promises 其中的一种模式就是promise,它代表了一种潜在地.长时间运行但不必返回完成操作的结果.与阻塞并长时间等待运行计算完成不同,这种模式返回一个代表承诺(promised)结果的对象. ...

  4. JavaScript中发布/订阅模式的理解

    订阅发布模式的介绍 发布订阅模式,它定义了一种一对多的关系,可以使多个观察者对象对一个主题对象进行监听,当这个主题对象发生改变时,依赖的所有对象都会被通知到. 在生活中我们常常遇到这样一种情况,我们在 ...

  5. 理解javascript中的函数模式

    1.回调函数 将一个函数作为参数传给另一个函数,我们称它为回调函数 function test1(callback){//执行脚本//执行回调函数 callback();} 2.即时函数(自执行匿名函 ...

  6. JavaScript面向对象中的严格模式

    概述 严格模式是什么 严格模式是JavaScript中的一种限制性更强的变种方式.严格模式不是一个子集:它在语义上与正常代码有着明显的差异. 不支持严格模式的浏览器与支持严格模式的浏览器行为上也不一样 ...

  7. 现代JavaScript中的精美图案:制冰厂

    I've been working with JavaScript on and off since the late nineties. I didn't really like it at fir ...

  8. 如何在JavaScript中声明名称空间?

    如何在JavaScript中创建名称空间,以使我的对象和函数不会被其他同名对象和函数覆盖? 我使用了以下内容: if (Foo == null || typeof(Foo) != "obje ...

  9. JavaScript中的设计模式

    设计模式是在软件工程领域中广泛使用的一种重要概念.它是指针对特定问题或情况的通用解决方案,通常由经过验证的最佳实践和经验构成.在JavaScript编程中,设计模式同样是一个非常重要的概念.在这篇文章 ...

最新文章

  1. Web 2.0技术对SEO的影响
  2. ApplicationContext对象的获取方式
  3. 论文盘点:GAN生成对抗样本的方法解析
  4. NetCat Tutorials
  5. Shell 脚本——测试命令
  6. redis cluster中添加删除重分配节点例子
  7. .net 批量更新_云子批量命名电脑版|云子批量命名PC版下载_v2021
  8. ios中strong和weak的解释理解
  9. Mvc6 错误Microsoft.AspNet.Http.Features.IRequestIdentifierFeature
  10. c# asp.net 测试程序执行时间
  11. (带手机版数据同步)高等院校学院学校类网站源码 政府单位学院学校网站织梦模板
  12. excel 度分秒转度
  13. 苹果手机通过扫描二维码下载APP
  14. Java 微信图片上传素材管理
  15. 英语知识系列:26个字母在单词中的发音总结
  16. 秘笈大公开 | 魏泓手把手教你利用无菌动物,提高国自然中标率!
  17. python 浏览器 弹 另存为_selenium webdriver 右键另存为下载文件(结合robot and autoIt)...
  18. Unity UGUI Button 中文详解-Chinar
  19. maven 打包跳过单元测试
  20. 登出(logout.jsp) - Cookie清除无效问题

热门文章

  1. 18.2 keepalived介绍
  2. xcode上真机调试iphone4s出现“There was an internal API error.”解决方案
  3. struts2标签详解
  4. 去掉警告:PerformSelector may cause a leak because its
  5. windows系统下Python环境的搭建
  6. java.lang.OutOfMemoryError: Java heap space错误及...
  7. Jpcap过滤GTunnel程序数据包
  8. 核弹级漏洞!我把log4j扒给你看!
  9. 从源码角度分析 Mybatis 工作原理
  10. 25张图解Redis连环面试!击溃面试官!