最近在研究快应用的style节点，发现我们的框架有很多对对象的引用，当页面销毁的时候，仍然会有很多的StyleNode节点仍然会保持对多个抽象对象引用。每次执行destro

好了，首先我们要知道，js原始对象的key值只能是字符串string类型。 <div class="highlight highlight-source-js no

的确是个问题，所以ES6在引入Map的同时又引入了WeakMap。 <a class="issue-link js-issue-link" data-error-t

Map && WeakMap使用 about blog HOT 3 OPEN

leeeeeem commented on August 21, 2024

Map && WeakMap使用

from blog.

Comments (3)

LeeeeeeM commented on August 21, 2024

好了，首先我们要知道，js原始对象的key值只能是字符串string类型。

var b = {
    name: 'mi'
}
var a = {}
a[b] = 123
// {[object Object]: 123}

不管你的对象多复杂，始终要调用toString方法转化为字符串。所以想用对象作为key值在以前是没法实现的。直到后来引入了Map和Set。

var c = Symbol.for('mi')
var user = {
    name: 'mi',
    age: 30
}
var m = new Map()
m.set('name', 'mi')
m.set(c, 123)
m.set(user, 'mi')
// Map(3) {"name" => "mi", Symbol(mi) => 123, {…} => "mi"}

from blog.

LeeeeeeM commented on August 21, 2024

这里看到新的数据结构可以用Object作为key。
但是，问题又来了，假设我作为key的对象被有意无意删除，那么我的value是无论如何都无法再获取的。

var c = Symbol.for('mi')
var user = {
    name: 'mi',
    age: 30
}
var m = new Map()
m.set('name', 'mi')
m.set(c, 123)
m.set(user, 'mi')
user = null
m.get(user)
// undefined   Map(3) {"name" => "mi", Symbol(mi) => 123, {…} => "mi"}