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

});
相关推荐
会跑的葫芦怪4 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
xiaoqi9225 小时前
React Native鸿蒙跨平台如何进行狗狗领养中心,实现基于唯一标识的事件透传方式是移动端列表开发的通用规范
javascript·react native·react.js·ecmascript·harmonyos
jin1233225 小时前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88217 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1367 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
2601_949833397 小时前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
军军君018 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9229 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
qq_1777673710 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_9494621010 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter