快照沙箱和代理沙箱

fltenwall · fltenwall · commit beab0982c665 · 2021-06-22T10:19:28.000+08:00
diff --git a/demo.html b/demo.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+</head>
+<body>
+<script type="text/javascript">
+class ProxySandbox{
+	constructor(){
+		const rawWindow = window;
+		const fakeWindow = {};
+		const proxy = new Proxy(fakeWindow,{
+			set(target,p,value){
+				target[p] = value;
+				return true
+			},
+			get(target,p){
+				return target[p] || rawWindow[p];
+			}
+		})
+		this.proxy = proxy;
+	}
+}
+
+const sandbox1 = new ProxySandbox();
+const sandbox2 = new ProxySandbox();
+window.a = 1;
+((window) => {
+	window.a = 'hello';
+	console.log(window.a)
+ })(sandbox1.proxy);
+
+((window) => {
+	window.a = 'world';
+	console.log(window.a)
+ })(sandbox2.proxy)
+</script>
+</body>
+</html>
diff --git a/proxy代理沙箱.js b/proxy代理沙箱.js
@@ -0,0 +1,29 @@
+class ProxySandbox{
+	constructor(){
+		const rawWindow = window;
+		const fakeWindow = {};
+		const proxy = new Proxy(fakeWindow,{
+			set(target,p,value){
+				target[p] = value;
+				return true
+			},
+			get(target,p){
+				return target[p] || rawWindow[p];
+			}
+		})
+		this.proxy = proxy;
+	}
+}
+
+const sandbox1 = new ProxySandbox();
+const sandbox2 = new ProxySandbox();
+window.a = 1;
+( ( window ) => {
+	window.a = 'hello';
+	console.log(window.a)
+} )(sandbox1.proxy)
+
+( ( window ) => {
+	window.a = 'hello';
+	console.log(window.a)
+} )(sandbox2.proxy)
diff --git a/快照沙箱.js b/快照沙箱.js
@@ -0,0 +1,44 @@
+//快照沙箱
+ class SnapshotSandbox{
+ 	constructor(){
+ 		this.proxy = window;
+ 		this.modifyPropMap = {};
+ 		this.active();
+ 	}
+ 	// 激活
+ 	active(){
+ 		this.windowSnapshot = {};
+ 		for(const prop in window){
+ 			if(window.hasOwnProperty(prop)){
+ 				this.windowSnapshot[prop] = window[prop];
+ 			}
+ 		}
+ 		Object.keys(this.windowSnapshot).forEach(p => {
+ 			window[p] = this.modifyPropMap[p];
+ 		})
+ 	}
+
+ 	// 失效
+ 	inactive(){
+ 		for(const prop in window){
+ 			if(window.hasOwnProperty(prop)){
+ 				if(window[prop] !== this.windowSnapshot[prop]){
+ 					this.modifyPropMap[prop] = window[prop];
+ 					window[prop] = this.windowSnapshot[prop];
+ 				}
+ 			}
+ 		}
+ 	}
+ }
+
+ let sandbox = new SnapshotSandbox();
+
+ ((window) => {
+ 	window.a = 1;
+ 	window.b = 2;
+ 	console.log(window.a,window.b);
+ 	sandbox.inactive();
+ 	console.log(window.a,window.b);
+ 	 sandbox.active();
+ 	console.log(window.a,window.b);
+ })(sandbox.proxy)
