等待 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);
	});

});
相关推荐
a1117768 分钟前
堆叠式流程图编辑器(html 开源)
开发语言·前端·javascript·开源·编辑器·html·流程图
兆子龙9 分钟前
前端必学:完美组件封装的 7 个原则
前端·javascript
兆子龙9 分钟前
ahooks useDebounce 与 useThrottle:防抖节流的最佳实践
java·javascript
兆子龙10 分钟前
React 性能坑:别让 AI 踩了,快来添加 rule 吧
前端·javascript
来碗疙瘩汤12 分钟前
Vue 事件绑定完全指南:官方文档未详述的事件大全
前端·javascript·vue.js
天涯学馆13 分钟前
从 V8 引擎看 JS 代码是如何一步步变成机器指令的
前端·javascript·面试
new code Boy13 分钟前
JavaScript转Python”的速查表
开发语言·javascript·python
Elaine33614 分钟前
【通过 Vue 实例劫持突破 Web 编辑器的粘贴限制】
前端·javascript·vue.js·chrome devtools·前端逆向
zhensherlock16 分钟前
Protocol Launcher 系列:一键唤起 Windsurf 智能 IDE
javascript·ide·vscode·ai·typescript·github·ai编程
十步杀一人_千里不留行16 分钟前
TypeScript 里的 Type Guard 是什么
javascript·ubuntu·typescript