js中get和set关键字作用,js中getattribute用法

这篇文章主要介绍了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的说明