访问器属性，类与构造器函数，document.querySelector用法

发布于：2022-05-30 14:36:42  栏目：技术文档

1. 理解访问器属性原理与应用场景,并实例演示 2. 实例演示获取dom元素的二个重要方法

访问器属性

访问器属性：用于创建对象的函数，即将方法伪装属性化，既有属性的特点，又有方法的功能。关键字：get set举例：

//创建对象
let user={
  name:'kim',
  age:33,
  info:{
    tel:'15888888888',
    gender:'man',
    hobby:'games', 
  },
  //获取电话号码,伪装成类的方法
  get tel(){
    return this.info.tel
    },
//更新电话号码
  set tel(tel){
    this.info.tel =tel
  }
};
//调用对象方法
console.log(user.tel);//输出15888888888
console.log(user.tel='13999999999')//输出13999999999

类与构造器函数

创建类

class user{
static salary = 300;//静态变量
constructor(name,age){
//对象初始化
this.name=name,
this.age=age
}
//创建对象方法
info(){
return this.name+'---'+this.age
}
}
//用new创建类
let guest =new user('guest',22);
//调用方法
console.log(guest.name);
console.log(user.salary);//用原型调用静态变量

获取DOM元素

DOM = Document Object Model

获取：

1. document.querySelectorAll(属性/ID),获取一组数据；
2. document.querySelector，返回一组元素的第一个；
3. document.documentElement,获取html跟元素

相关推荐