使财产可以调用或不调用

时间:2017-05-10 21:00:14

标签: javascript function defineproperty

我想让一个属性可以调用或不调用。例如:

function Test () {
  var obj = { someString: 'here is text' };

  Object.defineProperty(obj, 'string', {
    get: function() {
      return obj.someString;
    },
    set: function() {
      return function(val) {
        obj.someString = val;
      }
    }
  });

  return obj;
}

var test = new Test();

我可以这样做:

test.string // initially returns 'here is text'

test.string('new text here') // sets obj.someString to 'new text here'

test.string // returns 'next text here'

上面的代码目前没有按照我想要的方式运行。有没有在JavaScript中做这样的事情?使用Object.defineProperty或不使用

2 个答案:

答案 0 :(得分:0)

我不确定是否可以这样做。相反,如果设置了函数参数,并且没有函数读取属性,则可以执行条件:

function Test () {
  var obj = { 
    someString: 'here is text',
    string: function(val) {
      if(val == undefined) { // If the val parameter was not defined
        return this.someString; // Just return the property someString
      } else { // Otherwise, 
        this.someString = val; 
      }
    }
  };
  return obj;
}

var Tmp = new Test();
console.log(Tmp.string()); // This outputs 'here is text'
Tmp.string('New text!'); // This sets someString to 'New Text!'
console.log(Tmp.string()); // This outputs 'New Text!'

这和你想要的主要区别在于,不是调用Tmp.string来检索值,而是调用Tmp.string()。

这是我的jsfiddle

答案 1 :(得分:0)

您可以使用ES6语法:

class Test{
  constructor(){
    this.someString = "here is text";
  }

  get string(){
    return this.someString;
  }

  set string(val){
    this.someString = val
  }
}