proxy代理

最新推荐文章于 2024-04-15 13:31:11 发布

A了LONE

最新推荐文章于 2024-04-15 13:31:11 发布

阅读量250

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_53701739/article/details/125899954

版权

Proxy 是 ES6 中新增的功能，
           可以用来自定义对象中的操作，
           设计思想主要是基于设计模式中的代理模式，
           大致如下。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			/*
			Proxy 是 ES6 中新增的功能，
			可以用来自定义对象中的操作，
			设计思想主要是基于设计模式中的代理模式，
			其原理图大致如下。
			*/
			let data={
				a:12				
			}
			let proObj=new Proxy(data,{
				get(obj,index){
					console.log("为什么要获取")
					return obj[index];
				},
				set(obj,index,newValue){
					obj[index]=newValue;
					console.log("数据已经改了",value) 
				}
			})
			
		</script>
	</body>
</html>

Proxy思想：