js高级-with&eval&strict

100 阅读3分钟

with 语句

with 语句可以形成自己的作用域,通过在with后的()传入对象的形式,形成作用域

 
    // with语句: 可以形成自己的作用域
    var obj = { name: "why", age: 18, message: "obj message" };

    function foo() {
      function bar() {
-       // 这里使用with 形成了自己的作用域,with中的变量的查找,会首先从传入的obj这个对象中进行查找。
        with (obj) {
          console.log(message);
          console.log("------");
        }
      }
      bar();
    }

    foo();

eval函数

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

var jsString = 'var message = "Hello World"; console.log(message);'

var message = "Hello World"
console.log(message)

eval(jsString)

不建议在开发中使用eval:

eval代码的可读性非常的差(代码的可读性是高质量代码的重要原则);

eval是一个字符串,那么有可能在执行的过程中被刻意篡改,那么可能会造成被攻击的风险;

eval的执行必须经过JS解释器,不能被JS引擎优化;

严格模式

在ECMAScript5标准中,JavaScript提出了严格模式的概念(Strict Mode):

严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了 ”懒散(sloppy)模式“;

支持严格模式的浏览器在检测到代码中有严格模式时,会以更加严格的方式对代码进行检测和执行;

严格模式对正常的JavaScript语义进行了一些限制

严格模式通过 抛出错误 来消除一些原有的 静默(silent)错误;

严格模式让JS引擎在执行代码时可以进行更多的优化(不需要对一些特殊的语法进行处理)

严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法 严格模式主要对以下语法做了限制: 1. 无法意外的创建全局变量

message = "Hello World"
console.log(message)

function foo() {
  age = 20
}

2.严格模式会使引起静默失败(silently fail,注:不报错也没有任何效果)的赋值操作抛出异常

3. 严格模式下试图删除不可删除的属性

true.name = "abc"
NaN = 123
var obj = {}
Object.defineProperty(obj, "name", {
  configurable: false,
  writable: false,
  value: "why"
})
console.log(obj.name)
// obj.name = "kobe"

delete obj.name

4.严格模式不允许函数参数有相同的名称

function foo(x, y, x) {
  console.log(x, y, x)
}

foo(10, 20, 30)

5. 不允许0的八进制语


// 4.不允许使用原先的八进制格式 0123
var num = 0o123 // 八进制
var num2 = 0x123 // 十六进制
var num3 = 0b100 // 二进制
console.log(num, num2, num3)

6. 在严格模式下,不允许使用with

7. 在严格模式下,eval不再为上层引用变量

var jsString = '"use strict"; var message = "Hello World"; console.log(message);'
eval(jsString)

console.log(message) // 找不到message

8. 严格模式下,this绑定不会默认转成对象

// 在严格模式下, 自执行函数(默认绑定)会指向undefined
// 之前编写的代码中, 自执行函数我们是没有使用过this直接去引用window
function foo() {
  console.log(this) // undefined
}

foo()


// setTimeout的this
// fn.apply(this = window)
setTimeout(function() {
  console.log(this)
}, 1000);


如何开启严格模式?

1.可以支持在js文件中开启严格模式; 2.也支持对某一个函数开启严格模式; 严格模式通过在文件或者函数开头使用 use strict 来开启。

截屏2022-04-30 下午3.38.25.png

我们的代码在构建的时候,构建工具一般是默认打开严格模式的