等待 chrome.storage.local.get() 完成

chrome.storage.local.get() 获取存储处理并计数,内部计数正常,外部使用始终为0,百思不得其解。

如何在继续执行之前等待异步chrome.storage.local.get()完成-腾讯云开发者社区-腾讯云 (tencent.com)

原来我忽略了异步问题,最简单的方案就是一次取多个值,并在内部完成所有操作!

javascript 复制代码
chrome.storage.local.get(['is_light', 'is_hide', 'keyword_light', 'keyword_hide'], function (result) {
    //console.log(result);
	
	if (result.is_light) {
	    var s = result.keyword_light;
	    var sl = s.split(';');
	    var a = document.getElementsByTagName('a');
	    for (var i = 0; i < a.length; i++) {
	        for (var j = 0; j < sl.length; j++) {
	            if (a[i].textContent.indexOf(sl[j]) != -1) {
	                a[i].style.color = 'white';
	                a[i].style.backgroundColor = '#DA3434';
	                a[i].innerHTML = a[i].textContent;
	                count_light++;
	            }
	        }
	    }
	}
	
	if (result.is_hide) {
		var s = result.keyword_hide;
		var sl = s.split(';');
		var a = document.getElementsByTagName('a');
		for (var i=0; i<a.length; i++) {
			for (var j=0; j<sl.length; j++) {
				if (a[i].innerHTML.indexOf(sl[j]) != -1) {
					a[i].style.display = 'none';
					count_hide++;
				}
			}
		}
	}
	
	var s = count_light + '+' + count_hide;
	chrome.runtime.sendMessage({ badgeText: s }, function(response) {
		//console.log('return: ' + response.farewell);
	});

});
相关推荐
远航_1 天前
10 个被严重低估的 JS 特性,直接少写 500 行代码
前端·javascript
小高0071 天前
当前端面临百万级 API 请求:从"修 CSS 的"到架构师的进化之路
前端·javascript·面试
LateFrames1 天前
使用 Winform / WPF / WinUI3 / Electron 实现异型透明窗口
javascript·electron·wpf·winform·winui3
Asort1 天前
React类组件精要:定义机制与生命周期方法进阶教程
前端·javascript·react.js
陳陈陳1 天前
从“变量提升”到“调用栈爆炸”:V8 引擎是如何偷偷执行你的 JavaScript 的?
javascript
San301 天前
深入理解JavaScript执行机制:从变量提升到内存管理
javascript·编程语言·代码规范
用户12039112947261 天前
深入理解JavaScript执行机制:从变量提升到调用栈全解析
javascript
weixin_438694391 天前
pnpm 安装依赖后 仍然启动报的问题
开发语言·前端·javascript·经验分享
烟袅1 天前
深入 V8 引擎:JavaScript 执行机制全解析(从编译到调用栈)
前端·javascript
有点笨的蛋1 天前
JavaScript 执行机制深度解析:编译、执行上下文、变量提升、TDZ 与内存模型
前端·javascript