js 操作符与eval()

1 操作符

1.1 in 操作符

in 操作符期待左侧操作数是字符串、符号或可以转换为字符串的值，期待右侧操作符是对象。如果左侧的值是右侧的对象的属性名，则int返回true，否则false。

let point = {x: 1, y: 2};

“x” in point; // true

“z” in point; //false

“toString” in point; //true,对象继承了toString方法

let data. = [5,6,7];

“0” in data; // true

1 in data; //true, 数字1会转换为字符串

5 in data; // false 没有元素5（只有0，1，2）

1.2 先定义 (??)

如果其左操作数不是null或undefined，就返回该值，否则，返回右操作数的值。 如果 a 没有副效应，那么表达式 a ?? b 等价于：

(a != null && a != undefined) ? a : b;

1.2.1 对 || 的一个有用的替代

let max = maxWidth || 500;

这个习惯用法在于 0、空字符串 和false 都是假值。上面例子总，maxWidth = 0,则 let max = 500。

而 ??  则不会这么做。

“” ??  “helloword”;  // “”

false ?? true; // false

1.3 delete 操作符

尝试删除其操作数的对象属性或数组元素。delete 期待它的操作数是个左值，如果不是，则什么也不做，返回true。否则会尝试删除指定的左值。如果删除成功则返回true。 并不是所有属性都可以删除的，不可配置属性就无法删除。

let o = {x: 1, y:2};

delete o.x; // true

“x” in o; // false

被删除的属性会被设置为undefined值，这个属性就不复存在了。

let a = [4,5,6]

delete a[2]; //删除数组最后一个元素

2 in a; // false

a.length; // 3, delete后数组长度不变

删除某个数组元素会在数组中留下一个“坑”，并不改变数组长度。结果数组是一个稀疏数组。

1.4 void 操作符

void 出现在它的操作数前面，这个操作数可以是任意类型，只有在操作数有副效应时才有必要使用void操作符。

常用于定义一个不返回值的函数：

let inc = () => void counter++;

1.5 条件式调用

在ES2020中，可以使用?.()而非()来调用函数。正常情况下，我们调用函数时，如果圆括号左侧的表达式式null或undefined或其他非函数值，都会抛出TypeError。而使用?.()，如果?左侧的表达式求值为null或undefined，则整个调用表达式求值为undefined，不会抛异常。

o.m(); // 常规属性访问，常规调用

o?.m(); // 条件式属性访问，常规调用

o.m?.(); // 常规属性访问，条件式调用

?.() 是短路操作，及假如左侧为null或undefined，则右侧不会执行操作。

let count = 0;

m?.(count++); // m 为空，则count++不会执行，所以count = 0

2 eval()

期待一个参数，如果给它传入任何非字符串值，它后简单地返回这个值，如果传入字符串，它会尝试把这个字符串当成js代码来解析，解析失败会抛出SyntaxError。 如果解析成功，它会求值代码并返回该字符串中最后一个表达式或语句的值。如果最后一个表达式或语句没有值则返回undefined，如果求值字符串抛出异常，该异常会从调用eval()的地方传播出来。

let x = “hello eval”;

eval(“console.log(x + ‘ haha’)”); //打印： hello eval haha

如果这个函数调用了eval(“var y =3;”),则会声明一个新局部变量y。如果用了let 或const，则声明的变量或常量会被限制在求值的局部作用域内，不会定义到调用环境中。

全局 eval()

如果eval()被以“eval”之外的其他变量名字调用时，它应该把字符串当成顶级全局代码来求值。被求值的代码可能定义新全局变量或全局函数，可能修改全局变量。单它不会再使用或修改调用函数的局部变量，因此不会妨碍局部优化了。

严格eval()

当在严格模式下调用eval()时，被求值的代码可以查询和设置局部变量，但不能在局部作用域中定义新变量或函数。