javascript日常操作

javascript中的波浪符~

1.0> 单波浪用于位取抒

~ 是位运算NOT，按位取反 

2.0> 双波浪符用于将小数转为整数

~~1.7      //  执行结果：1

target 和 currentTarget 的区别

target：触发事件的源，即，被点击的元素；

currentTarget：绑定事件的元素；

如下：点击 node2 时，test收到点击事件，target为node2，currentTarget为node1

<div @click="test" class="node1">
  <div class="node2"> 点我啊！！ </div>
</div>

可选链(?.)

可选符 ?. 已被添加到ES2020，除IE11以外浏览器均已支持；

可选链的意义在于，属性为null或undefined时，程序不会报错，而是返回undefined；

详见MDN官网；

或运算符

若 expr1 可转换为 true，则返回 expr1；否则，返回 expr2

expr1 || expr2 

会被转换为 false 的表达式有：（来自MDN）

• null；
• NaN；
• 0；
• 空字符串（"" or '' or ``）；
• undefined。