Object.defineproperty的原理分析，非常重要，理解这个就会对Vue中实例中的属性有深入的了解

理解Object.defineproperty的原理分析

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <script>
    // Object.defineProperty方法的作用是给对象添加属性，或者修改已有属性的特性。
    // 语法：Object.defineProperty(obj, prop, options)
    // 参数：
    // obj：要添加属性的对象。
    // prop：添加或修改属性的名称。
    // options：配值项
 
    //定义一个变量，并给赋值
     let _phone='18888888888'
 
    let peron={
        name:'Tom',
        age:20,
        gender:'male'
    }
    
    //object.defineProperty原理分析  第一种方法
      // Object.defineProperty(peron, 'phone'  , {
      //   value: '13800138000',
      //   writable: true,
      //   enumerable: true,
      //   configurable: true
      // });
 
      //第二种方法
      Object.defineProperty(peron, 'phone', {
        get() {
          return this._phone;
        },
        set(value) {
          this._phone = value;
        }
      });
 
      console.log(peron); 
   </script>  
</body>
</html>

posted @ 2024-09-29 14:40 一个人走在路上阅读(7) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 浅谈数据代理

· V-Model是v-on和v-bind的语法糖，在vue中应该尽量不要看到DOM

· 何为 Object.defineProperty()

· Vue学习笔记9--Object.defineProperty()

· Vue中的Object.defineProperty全面理解

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构

公告

记录学习、用在实际，一路前行......

昵称：一个人走在路上
园龄： 2年6个月
粉丝： 0
关注： 5

+加关注

2025年3月

日

一

二

三

四

五

六

zy8899

从0到1，一步一步的走.....

Object.defineproperty的原理分析，非常重要，理解这个就会对Vue中实例中的属性有深入的了解

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	<script>
	// Object.defineProperty方法的作用是给对象添加属性，或者修改已有属性的特性。
	// 语法：Object.defineProperty(obj, prop, options)
	// 参数：
	// obj：要添加属性的对象。
	// prop：添加或修改属性的名称。
	// options：配值项

	//定义一个变量，并给赋值
	let _phone='18888888888'

	let peron={
	name:'Tom',
	age:20,
	gender:'male'
	}

	//object.defineProperty原理分析第一种方法
	// Object.defineProperty(peron, 'phone' , {
	// value: '13800138000',
	// writable: true,
	// enumerable: true,
	// configurable: true
	// });

	//第二种方法
	Object.defineProperty(peron, 'phone', {
	get() {
	return this._phone;
	},
	set(value) {
	this._phone = value;
	}
	});

	console.log(peron);
	</script>
	</body>
	</html>