js 属性类型之访问器属性

最新推荐文章于 2023-02-19 10:55:06 发布
最新推荐文章于 2023-02-19 10:55:06 发布
阅读量106 收藏
点赞数
原文链接：http://www.cnblogs.com/xudy/p/5417366.html
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//2、访问器属性
			//[[Configurable]],[[Enumerable]],[[Get]],[[Set]]
			//访问器属性不能直接定义，必须使用Object.definePropertye()来定义
			var book = {
				_year: 2004,
				edition: 1
			};
			Object.defineProperty(book , 'year' , {
				get: function(){
					return this._year;
				},
				set: function(newValue){
					if(newValue > 2004){
						this._year = newValue;
						this.edition += newValue - 2004;
					}
				}
			});
			book.year = 2008;
			alert(book.edition);
			//这是访问器属性常见的方式，即设置一个属性的值导致其他属性发生变化。
		</script>
	</body>
</html>

　　提取js部分

//2、访问器属性
			//[[Configurable]],[[Enumerable]],[[Get]],[[Set]]
			//访问器属性不能直接定义，必须使用Object.definePropertye()来定义
			var book = {
				_year: 2004,
				edition: 1
			};
			Object.defineProperty(book , 'year' , {
				get: function(){
					return this._year;
				},
				set: function(newValue){
					if(newValue > 2004){
						this._year = newValue;
						this.edition += newValue - 2004;
					}
				}
			});
			book.year = 2008;
			alert(book.edition);
			//这是访问器属性常见的方式，即设置一个属性的值导致其他属性发生变化。

　　

转载于:https://www.cnblogs.com/xudy/p/5417366.html

weixin_30830327
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js对象的数据属性、访问器属性和属性枚举
weixin_46215920的博客
10-30 278
对象属性 属性的类型 js对象的分两种：**数据属性 **和 访问器属性 (一) 数据属性 顾名思义，数据属性就是用来直接保存数据的属性，一般情况下，我们都只会定义和操作数据属性 1. configurable 定义属性是否可以为 delete 重新定义或修改为访问器属性，默认 true 2. enumerable 定义属性是否可以被枚举，默认 true 3. writable 定义属性是否可以被修改，默认 true 4. value 属性的值 显性设置属性的参数 1. writable 测试
浅谈JavaScript 数据属性和访问器属性
10-21
在JavaScript中，属性分为两种类型：数据属性和访问器属性。数据属性用于存储数据，而访问器属性则提供了获取（get）和设置（set）数据值的方法，但本身并不直接存储数据。 **数据属性的四个特性**： 1. **[...
JavaScript系列之访问器属性
最新发布
老__L的博客
02-19 549
访问器属性
js访问器属性
qq_40859799的博客
10-12 346
访问器属性不包含数据值：它们是一对儿getter和setter函数但是这两个函数不是必需的；读取访问属性时候会用到getter函数用来返回有效的值，写入访问属性时候会用到setter函数用来传入新的值；访问属性有如下四个特点：1、[[Configurable]]：表示能否通过删除属性的特性来重新定义一个新的属性；而对于直接在对象上定义的属性，这个特性默认为true； 2、[[Enumerable]...
JavaScript对象属性访问器
Baron的技术blog
06-08 241
JavaScript的对象属性访问器提供了点号和方括号两种方法用于访问一个对象的属性。 点号访问器 Object.property 在点号访问器的语法中， property必须是一个有效的JavaScript标识符。例如，一串字母数字字符，也包括下划线及美元符号，但不能以数字作为开头。比如，object.&0是合法的，而object.0却是无效不合法的。 document.creatElement('pre') 在上述代码块中，document中存在一个名为’creatElement’的方法并且
JavaScript访问器属性
qq_43198727的博客
02-08 636
保护对象 问题： 想要自定义的规则保护一个对象时，单靠属性自带的开关是无法实现的 解决： 今后只要使用自定义规则灵活保护属性时，都用访问器属性。 什么是访问器属性：不实际保存属性值，仅提供对另一个数据属性的保护！ 如何定义？ 2步 新建不同名称的半隐藏属性，实际保存属性值 Object.defineProperty(对象,"小黑屋",{ value:"原对象的原属性值转移到这里藏起来", writable:true, //可以读 enumerable:false
从JavaScript属性描述器剖析Vue.js响应式视图
01-27
JavaScript中的属性描述器是深入理解诸如Vue.js这样的响应式框架的关键。属性描述符（PropertyDescriptor）允许我们精细控制对象属性的行为，这在构建复杂的数据绑定系统时尤为重要。在Vue.js中，这种机制被用来实现...
js代码-访问器属性
07-16
在JavaScript中，访问器属性（Accessor Properties）是ES5引入的一种特性，用于提供对对象属性的灵活控制。访问器属性不直接存储值，而是通过getter和setter函数来获取（get）或设置（set）该属性的值。这种机制使得...
JavaScript笔记之数据属性和存储器属性
11-23
接下来是存储器属性，也称为访问器属性。它们没有`value`和`writable`属性，而是用`get`和`set`来定义。`get`是一个无参数的函数，用于获取属性值；`set`是一个接受一个参数的函数，用于设置属性值。存储器属性允许...
ECMAScript5中的对象存取器属性：getter和setter介绍
09-04
ECMAScript 5引入了一种新的特性，即对象存取器属性（Accessor Properties），通过getter和setter方法，我们可以更精细地控制对象属性的读取和设置。这些特性为JavaScript对象的属性提供了更多的灵活性和控制力，...
Js面向对象程序设计——属性类型，访问器属性
zhaostrong的博客
01-08 277
Js面向对象程序设计——属性类型，访问器属性访问器属性 访问器属性 访问器属性不包含数据值；它们包含一对儿getter和setter函数（不过，这俩个函数都不是必需的）。在读取访问器属性时，回调用getter函数，这个函数负责返回有效的值；在写入访问器属性时，回调用setter函数并传入新值，这个函数负责决定如何处理数据。访问器有如下几个特性： [[Configurable]]: 表示能否通...
【易忽略的基础重点】JS中的数据属性和访问器属性
qq_43525183的博客
01-12 788
在js的对象中，我们设定其属性可以用字面量定义对象的方式设置对象的属性，我们还可以通过对象.属性的方式为对象增加属性，这是很多人初学的时候常用的创建对象属性的方式。 在碰到一些特殊的需求的时候，比如创建一个对象属性，但这个属性不可写。或者是这个对象属性不可以随便被遍历。为了安全性，不可以随意修改和重新定义这个属性，甚至不可以随便访问这个属性。这时候就需要一些特别的方法来处理这些对象的属性。 围绕JS的数据属性和访问器属性两个知识点简单阐述~ 一、数据属性...
属性访问器
bdh123b的博客
12-08 190
使用属性访问器的好处 用于避免错误的赋值 需要动态监测值的改变 属性只能在访问器和普通属性任选其一，不能共同存在 getter/setter getter方法用于获得属性值，setter方法用于设置属性。我们来看一下具体的应用。 var user = { data: { name: 'js', age: null }, set age(value) { if (typeof value != "number" || value > 100 || value < 10) {
Js中的数据属性和访问器属性
顺其自然~专栏
05-21 667
在javaScript中，对象的属性分为两种类型：数据属性和访问器属性。 一、数据属性 1.数据属性：它包含的是一个数据值的位置，在这可以对数据值进行读写。 2.数据属性包含四个特性，分别是： configurable：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或能否把属性修改为访问器属性，默认为true enumerable:表示能否通过for-in循环返回属性（enumerable是可枚举的意思） writable：表示能否修改属性的值 value：包含...
详细讲解js对象属性的属性描述符与访问描述符
浪头的博客
04-22 637
访问器属性 Object.defineProperty(obj，propertyName,option) js对象的访问器属性可以通过Object构造函数原型对象的 defineProperty()方法。 第一个参数：表示操作的对象。 第二个参数：表示操作对象的属性。 第三个参数：传入这个参数的配置参数，主要有四个参数 ：Configurable 是否能删除，并且可以重新定义，默认为true ：Enumerable 是否可以枚举，for...in,默认为true ：Get 读取属性调取的函数 ：Se
JS 访问器的基本使用
LttleJoker的博客
10-24 692
首先，我们要明白访问器有什么用呢？ 访问器的作用：在一个对象中，如果在某种情况下，我们不希望可以通过对象点属性名的方法直接修改属性值，我们希望可以通过一次“过滤”之后，如果传入的值符合要求，才能改变对象属性的值，因此，这就是访问器的作用。 访问器的基本使用： 下面我们定义了一个对象，往对象中设置了几个默认值，在此，我们通过set方法来改变属性值，get方法用来获取属性值。 let user = { data: {name: "Joker", age: 20}, se
JS入门难点解析13-属性描述符,数据属性和访问器属性
Hc_TR的博客
03-25 557
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：本文首发于我的简书，更多内容请查看我的目录。） 1. 简介 JS的对象是一组无序属性的集合。那么对于这组无序属性来说，拥有哪些特性呢？ECMAScrip5中定义了属性的这些特性，但这些特性是为了实现JS引擎用的，在JS中无法直接来访问它们。为了表示这些特性是内部值，这些特性被放在两对方括号中。例如[[En...
JS对象与访问器属性
Young
09-21 4358
JS对象与访问器属性  (2015-12-25 11:42:02) 转载▼ 标签：  js        大家都知道，JavaScript是从ECMAScript中发展出来了。 它是基于对象的语言（注：不是面向对象哦）。在JavaScript中没有类的概念。 因此，它的对象和基于类的对象是不一样的。 在JavaSc
ES6中的class类内容详解
酒客的博客
12-19 1915
ES6中的class类 认识class定义类 ​ 我们会发现，按照前面的构造函数形式创建 类，不仅仅和编写普通的函数过于相似，而且代码并不容易理解。 在ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类；但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已；所以学好了前面的构造函数、原型链更有利于我们理解类的概念和继承关系； ​ 那么，如何使用class来定义一个类呢？–可以使用两种方式来声明类：类声明和类表达式； class Person{ //类声明 } c
JavaScript事件对象属性详解与应用示例
总结来说，JavaScript的事件对象提供了一种访问和响应用户行为的方式，而jQuery通过其强大的选择器和便捷的DOM操作方法，使这些任务变得更加简单。理解并熟练运用这些概念和技巧，对于提升网页开发的效率和用户体验...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值