console
.log(person.name)
与最直观的语义不同，使用
delete
操作符
并不会直接释放内存，而是说它会使得 V8（Javascript）引擎中的
hidden class
失效，将该 object 变为一个通用的
slow object
，这就使得执行速度有了很明显的降低。
hidden class
：由于 JavaScript 是一种动态编程语言，属性可进行动态的添加和删除，这意味着一个对象的属性是可变的，大多数的 JavaScript 引擎（V8）为了跟踪对象和变量的类型引入了隐藏类的概念。在运行时 V8 会创建隐藏类，这些类附加到每个对象上，以跟踪其形状/布局。这样可以优化属性访问时间。
debuggable.com/posts/under…
stackoverflow.com/questions/4…
那么如果不使用
delete
，我们如何删除对象的属性？
最有效的方式，应该是将不需要的属性设置为
undefined
，例如
const person = {
name: 'sudada',
gender: 'female'
person.name = undefined
或者你也可以考虑使用 Spread Operator for objects，例如
const person = {
name: 'sudada',
gender: 'female'
const omit = (prop, { [prop]: _, ...rest }) => rest;
const newObj = omit('name', person);
关于 Spread Operator for objects 的参考：juejin.cn/post/1
那么 delete、设置为 undefined 、omit 三种方法该如何抉择？
图中显示了，在不同的 Javascript 内核下，三种方法的效率（每秒执行数）。可以很明显地得出一个结论，设置为 undefined > delete > omit。
实例地址：jsperf.com/removing-va…
但是设置为 undefined，得到的结果为
name: undefined,
gender: 'female'
有时需要额外的操作，例如
JSON.parse(JSON.stringify(person))
Object.keys(person).reduce((pre, cur) => {
const value = person[cur]
return value === undefined ? pre : {...pre, [cur]: value}
}, {})
这样效率会大幅度地降低，所以在实际业务中可以考虑使用
Map
来代替
object
，例如
let map = new Map([['a', 1]])
let obj = { a: 1 };
delete obj.a;
map.delete('a');
从图中，可以很明显的得出 map.delete 优于 delete。
饺子不放糖
Web Components
- 259
-
NurTuam_何永杰
JavaScript
- 2206
-
摸鱼的汤姆
JavaScript
Webpack
- 4776
-
constRen
JavaScript
Node.js
- 259
-
YGY顾n凡
JavaScript
Safari
