这篇文章主要介绍了js中get和set关键字作用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获,下面让小编带着大家一起了解一下。
getter和setter
**get
**语法将对象属性绑定到查询该属性时将被调用的函数。
当尝试设置属性时,**set
**语法将对象属性绑定到要调用的函数python for语句用法。
说白了就是:get就是:要查询的属性中有get的语法,就会调用它们绑定的函数。
例如:
var obj ={
a:3,
get b(){
return this.a*3
}
}
console.log(obj.b) //9
//这里使用get语法,给属性b绑定一个回调函数,这个函数只有在要访问对象里的这个属性时调用。也就说在obj.b想读取这个属性时,这个函数就执行,并return this.a*3,也就是将3*3=9,9这个值给属性b.
obj.b = 99
console.log(obj.b)//9
//这里只设置get而没有set的话,就无法更改其定义的属性值的
getter方法是无参数,并且有返回值的;当单独设置getter方法时,只能获取属性值,无法更改其定义的属性值的,保证了数据的安全性;
而set就是:在要改变有set语法的属性的时候,调用绑定的函数
例如:
var obj ={
a:3,
set b(n){
this.a = n;
console.log(this.a)//用来看什么时候触发的这个函数
}
}
obj.b=99;//此时触发了函数,控制台打印99
console.log(obj.a)//99
console.log(obj.b)//undefined,此时没有触发函数
//也就是说,只有在改变obj.b的属性值时,才会触发set语句的函数,并且要改变的值其实只是一个要传递给函数内部的参数
setter方法是有参数,没有返回值的;当单独设置setter方式时,是无法读取属性值的;
注意:get和set是可以同时用在同一个属性上的
例如:
var obj = {
a:3,
get b(){
return this.a*3
},
set b(n){
this.a = n
}
}
console.log(obj.a)//3
console.log(obj.b)//9
obj.b = 6
console.log(obj.a)//6
console.log(obj.b)//18
//get和set在这里同时用在了属性b上,这样其实就是:在要读b的属性值时调用get的方法,要改b的属性值时调用set的方法
//其实可以想成有参数时用set,没参数时用get
更多详情请看MDN的说明