码迷,mamicode.com
首页 > 其他好文 > 详细

数据属性和访问器属性

时间:2018-07-11 15:57:04      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:alert   meta   nbsp   min   sqrt   html   空格   title   obj   

<!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);

注意:访问器属性的本质是两个函数,若想要读取访问器属性的值
,会自动调用get访问器;若想为访问器属性赋值,会自动调用set
访问器,并把等号右边的值传递给set访问器的形参

</script>

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

数据属性和访问器属性

标签:alert   meta   nbsp   min   sqrt   html   空格   title   obj   

原文地址:https://www.cnblogs.com/LindaBlog/p/9294803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!