JavaScript高级(六)---with和eval函数

这篇具有很好参考价值的文章主要介绍了JavaScript高级(六)---with和eval函数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 with

作用域只有全局作用域和函数作用域(块作用域暂时不提及), 使用with后有一个单独的作用域。不建议使用with语句,因为它可能是混淆错误和兼容性问题的根源。

    
    var message = "hello";
    var obj = {
        name: "malong",
        message:"malong obj"
    }
       
    // 使用with 后会形成一个单独的作用域
    with(obj) {
        console.log(message) //会打印 malong obj
    }
    

eval

eval是一个特殊的函数,它可以将传入的字符串当做JavaScript代码来运行。

  • 不建议在开发中使用eval
    • 可读性很差
    • 存在安全问题,eval是一个字符串,在执行的过程中如果被恶意篡改,会造成安全问题
    • eval的执行必须经过JS解释器,不能被JS引擎优化
          var str = ' var msg = "test"; console.log("malong" + msg)'
      
          eval(str)
      

严格模式 ues strict

严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了 ”懒散(sloppy)模式“。支持严格模式的浏览器在检测到代码中有严格模式时,会以更加严格的方式对代码进行检测和执行;文章来源地址https://www.toymoban.com/news/detail-847549.html

  • 严格模式分类
    • 全局严格
    • 局部严格
  • 严格模式的好处
    • 消除代码运行的一些不安全之处,保证代码运行的安全;
    • 提高编译器效率,增加运行速度;
    • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
  • 严格模式对JavaScript语义进行了一些限制
    • 严格模式通过抛出错误来消除一些原有的静默(silent)错误
    • 严格模式让JS引擎在执行代码的时候得到更多的优化(不需要对特殊的代码进行处理)
    • 严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法
  • 严格模式具体的一些限制
      1. 无法意外的创建全局变量
      1. 严格模式会使引起静默失败(silently fail,注:不报错也没有任何效果)的赋值操作抛出异常
      1. 严格模式下试图删除不可删除的属性
      1. 严格模式不允许函数参数有相同的名称
      1. 不允许0的八进制语法
      1. 在严格模式下,不允许使用with
      1. 在严格模式下,eval不再为上层引用变量
      1. 严格模式下,this绑定不会默认转成对象
      • 严格模式下,setTimeout中的this还是指向window,这跟浏览器有关,有想研究的可以看一下浏览器源码,文件很大。而且对于我们来说,setTimeout是怎么执行的我们也不知道,这种我们称为黑盒子,但是其实我的猜想是通过apply调用触发的函数的自执行。
 
                    

到了这里,关于JavaScript高级(六)---with和eval函数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 探索JavaScript中的神秘函数:从基础到高级

    对于任何编程语言来说,函数都是其核心组成部分之一。在JavaScript中,函数更是无处不在,无论是在浏览器还是Node.js环境中,你都可以看到它们的身影。在本文中,我们将深入探讨JavaScript函数的基础和高级用法,以及如何有效地使用它们来编写更好的代码。 在JavaScript中,

    2024年02月10日
    浏览(32)
  • 掌握 JavaScript:从初学者到高级开发者的完整指南之JavaScript对象(二)

    可以大体分页3大类: 第一类:基本对象,我们主要学习Array和JSON和String 第二类:BOM对象,主要是和浏览器相关的几个对象 第三类:DOM对象,JavaScript中将html的每一个标签都封装成一个对象 1.1.1 基本对象 1.1.1.1 Array对象 语法格式 Array对象时用来定义数组的。常用语法格式有如下

    2024年02月07日
    浏览(45)
  • 掌握 JavaScript:从初学者到高级开发者的完整指南(三)

    BOM的全称是Browser Object Model,翻译过来是浏览器对象模型。也就是JavaScript将浏览器的各个组成部分封装成了对象。我们要操作浏览器的部分功能,可以通过操作BOM对象的相关属性或者函数来完成。例如:我们想要将浏览器的地址改为 http://www.baidu.com ,我们就可以通过BOM中提供的

    2024年02月06日
    浏览(45)
  • 掌握 JavaScript:从初学者到高级开发者的完整指南(一)

    html完成了架子,css做了美化,但是网页是死的,我们需要给他注入灵魂,所以我们需要学习JavaScript,这门语言会让我们的页面能够和用户进行交互。 同样,js代码也是书写在html中的,那么html中如何引入js代码呢?主要通过下面的2种引入方式: 第一种方式 :内部脚本,将

    2024年02月07日
    浏览(50)
  • 开发语言漫谈-JavaScript

           JavaScript、Java名字很相近,但它们没有任何亲缘关系,是由不同公司开发的编程语言。Java由Sun公司(后被Oracle收购)开发,JavaScript最初是由Netscape公司开发的(当年浏览器的霸主)。JavaScript最初的名字是 LiveScript,Netscape将其命名为 JavaScript,无非是蹭 Java流量。当

    2024年04月16日
    浏览(37)
  • 30个前端开发中常用的JavaScript函数

    🧑‍💻作者名称:DaenCode 🎤作者简介:啥技术都喜欢捣鼓捣鼓,喜欢分享技术、经验、生活。 😎人生感悟:尝尽人生百味,方知世间冷暖。 在前端开发中通常会用到校验函数,检验是否为空、手机号格式、身份证格式等等。现按照用途分类整理出了30个常用的方法,在V

    2024年02月14日
    浏览(34)
  • 建站系列(五)--- 前端开发语言之HTML、CSS、JavaScript

    建站系列(一)— 网站基本常识 建站系列(二)— 域名、IP地址、URL、端口详解 建站系列(三)— 网络协议 建站系列(四)— Web服务器之Apache、Nginx 建站系列(五)— 前端开发语言之HTML、CSS、JavaScript 建站系列(六)— 后端开发语言 建站系列(七)— 常用前后端框架

    2024年02月09日
    浏览(40)
  • JavaScript高级教程(javascript实战进阶)

        分类: 基本数据(值)类型 String:任意字符串 Number:任意的数字 boolean:true/false undefined:undefined null:null 对象(引用)类型 Object:任意对象 Function:一种特别的对象(可以执行) Array:一种特别的对象(数值下标,内部数据是有序的) 判断: typeof:可以判断undef

    2024年02月07日
    浏览(35)
  • 发掘JavaScript潜力:掌握高级技巧,成为JavaScript编程大师!

    🎬 岸边的 风:个人主页  🔥 个人专栏  :《 VUE 》 《 javaScript 》 ⛺️ 生活的理想,就是为了理想的生活 ! 众所周知, JavaScript  是一种非常流行 🔥 的编程语言,它已经成为了网页开发的必备技能。但是,在我们从事 JavaScript编程 的时候,我们却没有完全发掘和利用它的

    2024年02月14日
    浏览(39)
  • 高级JavaScript。如何用JavaScript手撸一个富文本编辑器?

    要素过多建议收藏 基本的技术就是在空白 HTML 文件中嵌入一个 iframe 。通过 designMode 属性,可以将这个空白文档变成可以编辑的,实际编辑的则是 body 元素 的 HTML 。 designMode 属性有两个可能的值: \\\"off\\\" (默认值)和 \\\"on\\\" 。设置为 \\\"on\\\" 时,整个文档 都会变成可以编辑的(显示

    2024年01月21日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包