chrome.storage.local.set 使用可变键名

IT技术 javascript google-chrome-extension
2021-03-05 23:31:03

在 Google Chrome 扩展程序中,我想使用chrome.storage.local(而不是 localStorage),因为:

  1. 使用键值对,值可以是任何对象(而不是仅字符串)
  2. 使用 setter 更改数据模型storage.set可以触发事件侦听器

使用storage.set,我怎么能有一个可变的键名?

注意:如果我不使用 setter,我可以这样做storage[v1],但是对对象的更改不会触发事件侦听器。

var storage = chrome.storage.local;
var v1 = 'k1';

storage.set({v1:'s1'});

storage.get(v1,function(result){
    console.log(v1,result);
    //console output = k1 {}
});
storage.get('v1',function(result){
    console.log(result);
    //console output = {v1:'s1'}
});
2个回答

这是你要找的吗?

var storage = chrome.storage.local;

var v1 = 'k1';

var obj= {};

obj[v1] = 's1';

storage.set(obj);

storage.get(v1,function(result){
  console.log(v1,result);
  //console output = k1 {v1:'s1'}
});

storage.get('v1',function(result){
  console.log(result);
  //console output = {v1:'s1'}
})

现在是 2016 年,Chrome(以及 Firefox 和 Edge——每个人都使用 Chrome 扩展模型)支持 ES6计算属性名称

这样,任务就变得简单了:

var storage = chrome.storage.local;
var v1 = 'k1';

storage.set({
  [v1]: 's1' // Will evaluate v1 as property name
});

storage.get(v1, function(result) {
    console.log(v1, result);
});