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

});
相关推荐
海盐泡泡龟12 分钟前
“组件、路由懒加载”,在 Vue3 和 React 中分别如何实现? (copy)
前端·javascript·react.js
coding随想21 分钟前
深入浅出WebGL:在浏览器中解锁3D世界的魔法钥匙
javascript
踢足球的,程序猿1 小时前
从 Vue 2.0 进阶到 Vue 3.0 的核心技术解析指南
前端·javascript·vue.js·前端框架·html
阿山同学.2 小时前
AWS 亚马逊 S3存储桶直传 前端demo 复制即可使用
前端·javascript·aws
sunly_2 小时前
Flutter:导航固定背景图,滚动时导航颜色渐变
android·javascript·flutter
摸鱼仙人~2 小时前
深入理解Java单例模式:确保类只有一个实例
java·javascript·单例模式
Hilaku2 小时前
为什么我们用了 Vite 还是构建慢?——真正的优化在这几步
前端·javascript·vite
MrSkye2 小时前
🚀 由Tony Stark 带你入门 JavaScript(新手向)🚀
前端·javascript·面试