07.with-eval-严格模式

章鱼妹爱前端
206 阅读3分钟

一、with语句

  • 扩展一个语句的作用域链。 图片.png
  • 不建议使用with语句，因为它可能是混淆错误和兼容性问题的根源。
  • 用了with语句的话，这里首先会查找obj里面的message，如果obj里面有message，那么输出就是这个。如果obj里面没有，那么就会沿着作用域链沿上层寻找 图片.png

二、eval函数

  • eval是一个特殊的函数，它可以将传入的字符串当做JavaScript代码来运行。 图片.png
  • 不建议在开发中使用eval：
    • peval代码的可读性非常的差（代码的可读性是高质量代码的重要原则）；
    • peval是一个字符串，那么有可能在执行的过程中被刻意篡改，那么可能会造成被攻击的风险；
    • peval的执行必须经过JS解释器，不能被JS引擎优化；

三、严格模式

1.认识严格模式

  • 在ECMAScript5标准中，JavaScript提出了严格模式的概念（Strict Mode）：
    • 严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了 “懒散（sloppy）模式”；
    • 支持严格模式的浏览器在检测到代码中有严格模式时，会以更加严格的方式对代码进行检测和执行；
  • 严格模式对正常的JavaScript语义进行了一些限制：
    • 严格模式通过 抛出错误 来消除一些原有的 静默（silent）错误；
        //比如说这里这个就是静默错误
    123.name = 'yjf'
    var obj = {}
    Object.defineProperty(obj,"name",{writable:false})
    obj.name = "xsx"
    • 严格模式让JS引擎在执行代码时可以进行更多的优化（不需要对一些特殊的语法进行处理）；
    • 严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法；

2.开启严格模式

  • 那么如何开启严格模式呢？严格模式支持粒度话的迁移：
    • 可以支持在js文件中开启严格模式；
    • 也支持对某一个函数开启严格模式；
  • 严格模式通过在文件或者函数开头使用 use strict 来开启

-图片.png

3.严格模式限制

  • 这里我们来说几个严格模式下的严格语法限制：
    • JavaScript被设计为新手开发者更容易上手，所以有时候本来错误语法，被认为也是可以正常被解析的；
    • 但是这种方式可能给带来留下来安全隐患；
    • 在严格模式下，这种失误就会被当做错误，以便可以快速的发现和修正；
    1. 无法意外的创建全局变量
    1. 严格模式会使引起静默失败(silently fail,注:不报错也没有任何效果)的赋值操作抛出异常
    1. 严格模式下试图删除不可删除的属性
    1. 严格模式不允许函数参数有相同的名称
    1. 不允许0的八进制语法
    1. 在严格模式下，不允许使用with
    1. 在严格模式下，eval不再为上层引用变量

4.严格模式下的this

在严格模式下，自执行函数（默认绑定）会指向undefined 之前编写的代码中，自执行函数我们是没有使用过this直接去引用windows

"use strict"

//1

function foo(){

    console.log(this);

}

foo()

//2

var obj = {

    name:'xsx',

    foo:foo

}

foo()

obj.foo()

var bar = obj.foo

bar()

输出结果 图片.png

严格模式下，setTimeout如果不是箭头函数的话，this也是window，因为setTimeout源码里面绑定this是利用apply绑定的；

avatar
文章
阅读
粉丝