Question

JavaScript的构造函数中是否有一种方法可以使用属性的getter和setter语法？

以下是我的所需语法的示例：

＆＃13;

function DemoClass()
{
	var mFooProperty = 0;
  
	get FooProperty()
	{
		return mFooProperty;
	}

	set FooProperty(value)
	{
		mFooProperty = value;
	}
}

var anInstance = new DemoClass();
console.log(anInstance.FooProperty);
anInstance.FooProperty = 42;
console.log(anInstance.FooProperty);

＆＃13;

Answer 1

您可以在Javascript中使用类并将属性设置为类实例，然后使用getter / setters，如

＆＃13;

class DemoClass {

    constructor() {
       this.mFooProperty = 0;
    }
  
	get FooProperty() {
		return this.mFooProperty;
	}

	set FooProperty(value) {
		this.mFooProperty = value;
	}
}

var anInstance = new DemoClass();
console.log(anInstance.FooProperty);
anInstance.FooProperty = 42;
console.log(anInstance.FooProperty);

＆＃13;

根据documentation：

类声明和类表达式的主体在中执行 strict mode，即构造函数，静态和原型方法， getter和setter函数以严格模式执行。

Answer 2

为了将该属性的实际存储保留为私有变量，您必须使用Object API在构造函数中定义getter和setter：

function DemoClass() {
  var mFooProperty = 0;
  Object.defineProperties(this, {
    fooProperty: {
      get: function() { return mFooProperty; },
      set: function(value) { mFooProperty = value; }
    }
  });
}

现在，当您构造一个实例时，该实例将显示一个名为＆＃34; fooProperty＆＃34;的属性。引用属性的值将调用＆＃34; getter＆＃34;函数和设置值调用＆＃34; setter＆＃34;：

var d = new DemoClass();
console.log(d.fooProperty); // calls getter 0
d.fooProperty = 3;          // calls setter
console.log(d.fooProperty); // 3

有没有办法在JS函数类中使用属性get和set符号？

2 个答案:

有没有办法在JS函数类中使用属​​性get和set符号？

2 个答案:

有没有办法在JS函数类中使用属性get和set符号？