Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > javascript技巧

JavaScript中set与get方法用法示例

来源:中文源码网    浏览:181 次    日期:2024-04-18 15:48:32
【下载文档:  JavaScript中set与get方法用法示例.txt 】


JavaScript中set与get方法用法示例
本文实例分析了JavaScript中set与get方法用法。分享给大家供大家参考,具体如下:
1、get与set是方法,因为是方法,所以可以进行判断。
2、get是得到 一般是要返回的 set 是设置 不用返回
3、如果调用对象内部的属性约定的命名方式是_age
然后就是几个例子来简单说明一下:
var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name() {return this._name;}}
console.log(person.name)
输出:
chen
person.name="lunc";
输出:
lunc
person.name
输出
lunc
例子2:
var p = {
name:"chen",
work:function() {
console.log("wording...");
},
_age:18,
get age(){
return this._age;
},
set age(val) {
if (val<0 || val> 100) {//如果年龄大于100就抛出错误
throw new Error("invalid value")
}else{
this._age = val;
}
}
};
console.log(p.name);//输出chen
浏览器调用结果:
p.age
输出:
18
p.age=23
输出:
23
p.age=200
输出:
Uncaught Error:invalid value
感兴趣的朋友还可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.zwyuanma.com/code/HtmlJsRun,测试一下运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript常用函数技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。

相关内容