数据属性和访问器属性

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>数据属性和访问器属性</title>    <script src="js/jquery.min.js"></script>   <script>模板

var obj ={

get 空格属性名（）{

return 属性值；
},
set 空格属性名（value）{

//需要接收到的value作处理
实例 //访问器属性 // 看起来像函数但是调用起来像是属性，

     // 并未真正存储数据，只是用来操作数据       var circle={           r:10,      //数据属性（半径）           get size(){//size属性的getter访问器（只有get访问器属性时是只读的，即只能调用获取值但是不能设置新值）               return Math.PI*this.r*this.r;//知道半径求面积           },           set size(value){//size属性的setter访问器，可读也可以写               this.r=Math.sqrt(value/Math.PI) ;//知道面积求半径（平方根）           }       };       alert(circle.size);//调用属性的getter访问器       circle.size=31400;//调用属性的setter访问器       alert(circle.r);

      注意：1、访问器属性的本质是两个函数，若想要读取访问器属性的值，会自动调用get访问器；           2、若想为访问器属性赋值，会自动调用set访问器，并把等号右边的值传递给set访问器的形参，           3、访问器属性不能存储数据，所以访问器属性往往依赖于其他的数据属性，           4、访问器属性一般用于两个场合：冗余属性(某些不能定义死的属性值（面积、周长等）)、有意控制属性的只读（get访问器）或者只写（set访问器）

   </script>

</head><body></body></html>

转载于:https://www.cnblogs.com/LindaBlog/p/9294803.html

数据属性和访问器属性相关推荐

Js中的数据属性和访问器属性
Js中的数据属性和访问器属性在javaScript中,对象的属性分为两种类型:数据属性和访问器属性. 一.数据属性 1.数据属性:它包含的是一个数据值的位置,在这可以对数据值进行读写. 2.数据属性 ...
深入理解对象的数据属性与访问器属性及属性间相互转换
ECMA-262 第 5 版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征.ECMAScript 中有两种属性:数据属性和访问器属性. 1. 数据属性数据 ...
《js高级程序设计》6.1.1-6.1.3——数据属性、访问器属性
数据属性:该属性包含了一个数据值的位置,它包含了4个描述行为的特性: 1. [[Configurable]]:表示是否能通过delete删除属性从而重新定义属性,能否修改属性的特性,能否把属性修改为访 ...
ECMAScript数据属性和访问器属性
ECMA-262 第 5 版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征. ECMA-262 定义这些特性是为了实现 JavaScript 引擎用的,因此 ...
JavaScript | 数据属性与访问器属性
属性类型数据属性 - 包含一个数据值的位置,可以读取和写入值 [writable] 是否能修改属性的值 true [enumerable] 是否通过for in 循环返回属性(是否可以被枚举) tr ...
JS-数据属性与访问器属性
数据属性与访问器属性 1.对象属性的作用主要是数据的存储 2.既然数据存在存储,则会有增删改查相关操作(增加属性,修改属性值,获取属性值,删除属性) 3.数据属性用于控制属性的增删改查特征 4.访问属 ...
使用访问器属性模拟java中的私有变量
2019独角兽企业重金招聘Python工程师标准>>> <script>"use strict";//注意,一定要写严格模式function Emp( ...
【Kotlin】属性与幕后字段 ( 属性声明 | 属性初始化器 | 属性访问器 | field 属性幕后字段 | lateinit 延迟初始化属性 )
文章目录 I . 属性字段总结 II . 属性声明 III . 属性初始化器 IV . get / set 属性访问器 V . 属性幕后字段 field VI . 变量和常量的区别 VII . 延 ...
Vue:实例演示,v-if,v-for,v-model,v-bind,v-on,计算属性和侦听器属性
Vue:实例演示,v-if,v-for,v-model,v-bind,v-on,计算属性和侦听器属性一.实例演示,v-if,v-for,v-model,v-bind,v-on 方法含义 v-bin ...

数据属性和访问器属性

数据属性和访问器属性相关推荐

最新文章

热门文章