当前位置: 首页 > 工具软件 > Classing{js} > 使用案例 >

js class类简介

金阳华
2023-12-01

问题描述:

调用其中的方法、向其中添加方法 、定义变量、get和set

问题分析:

解决方案:

//定义类
class Test {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  myFun1() {
    // 方法1
    return (this.x + this.y);
  }
  myFun2() {
    // 方法2
  }
}
export {Test};

1、调用其中的方法。

import {Test} from './Test';
let test = new Test('Hello', 'World');
console.log(test.toString());

2、添加方法。

Test.prototype = {
   // 方法3
   myFun3(){}
};

3、定义变量不可以在外部定义,只能放在构造方法constructor中,这里的this指向实例对象。

constructor(x, y) {
   this.x = x;
   this.y = y;
}

4、对其中某个属性可以使用get和set,从而进行进一步的存取操作。

get prop() {
   return 'getter';
}
set prop(val) {
   console.log('setter:' + val);
}
let test = new Test();
test.prop = 123;
// setter: 123
test.prop
// 'getter'

 

 类似资料: