Правило цепочки Javascript, возвращает конкретное значение вместо [Объект объекта] [x] - PullRequest
Новая
       19

Правило цепочки Javascript, возвращает конкретное значение вместо [Объект объекта] [x]

6 голосов
/ 26 июня 2011

Вопрос в названии, но сначала посмотрите на этот код: 

function number(a) {
    return {
        add: function(b) {
            result = a + b;
            return this;
        }, substract(b) {
            result = a - b;
            return this;
        }
}

Этот код выше - простой пример правила цепочки.Я перенастраиваю объект, чтобы я мог делать это непрерывно: 

number(2).add(5).add(3 * 12).substract(Math.random());

Моя проблема в том, что мне нужно перенастроить объект, чтобы сохранить функцию цепной.Я хотел бы имитировать правило цепочки, но возвращать конкретное значение.Например, number(2).add(3) вернет 5.

Любое предложение высоко ценится.

Спасибо всем, кто продвинулся.[Х]

Ответы [ 3 ]

6 голосов
/ 26 июня 2011

Один из способов сделать числовое значение, например 5 «цепочечным», - это определить метод для соответствующего объекта-прототипа , такого как Number.prototype. Например: 

Number.prototype.add = function (n) {
   return this + n
}

(5).add(2) // 7
5.0.add(2) // 7
5..add(2)  // 7
((5).add(2) + 1).add(34) // okay! 42

Синтаксис выше забавен, потому что 5.add(2) недопустим: JavaScript ожидает число (или «ничего») после 5.. Поскольку это глобальный побочный эффект (он повлияет на все числа ), следует позаботиться о том, чтобы избежать неожиданных взаимодействий.

Единственный другой Другой способ сделать цепочку "5" способной - это создать новый объект Number (5 не является действительным экземпляром Number, даже если он использует Number.prototype!) И затем скопируйте необходимые методы. (Раньше я думал, что это был единственный другой путь, но посмотрите ответ KooiInc - однако я не уверен, насколько четко определен возврат не-строки из toString.) 

function ops(a) {
  return {
    add: function(b) {
      var res = new Number(a + b) // important!
      var op = ops(res)
      res.add = op.add // copy over singletons
      return res
    }
  }
}
function number(a) {
  return ops(a)
}

number(5).add(2) + 1           // 8
(number(5).add(2) + 1).add(34) // error! add is not a function

Однако, имейте в виду, что это вводит тонкие проблемы: 

typeof 5                        // number
typeof new Number(5)            // object
5 instanceof Number             // false
new Number(5) instanceof Number // true

И вот почему нам нужен Number (ищите SO для «примитивов» в JavaScript): 

x = 5
x.foo = "bar"
x.foo // undefined

Кроме того, в сочетании с ответом cwolves рассмотрим: 

function number (n) { 
  if (this === window) { // or perhaps !(this instanceof number)
    return new number(n)
  } else {
    this.value = n
  }
}

Тогда оба new number(2) и оба number(2) будут преобразованы в новый числовой объект. 

number(2).value     // 2
new number(2).value // 2
number(2) instanceof number     // true
new number(2) instanceof number // true

Удачного кодирования.

3 голосов
/ 26 июня 2011

Если вы определяете значение как свойство (this.a) и используете toString в возвращаемом объекте, вы можете связать методы: 

function number(a) {
    return {
        a: Number(a) || 0, //if not a, or a===NaN, default = 0
        add: function(b) {
            this.a += b;
            return this;
        },
        subtract: function(b){
            this.a -= b;
            return this;
        },
        valueOf: function(){
          return Number(this.a);
        },
        toString: this.valueOf
    }
}

var n = number(5);
alert(number.add(5).add(2).subtract(2)); //=> 10
alert(number.add(0.5));                  //=> 10.5
alert(number(2).add(5).add(3 * 12).subtract(Math.random());
                                         //=> 42.36072297706966
3 голосов
/ 26 июня 2011

У вас есть два варианта.Вы можете вернуть новые объекты: 

function number(a){
    return this instanceof number ? (this.value = a, this) : new number(a);
}

number.prototype = {
    valueOf : function(){
        return this.value;
    },
    add : function(b){
        return new number(this.val + b);
    },
    subtract : function(b){
        return new number(this.val - b);
    }
};

или изменить существующий (в основном тот же код, что и выше, это другое): 

add : function(b){
    this.value += b;
    return this;
},

Разница в том, как ониакт: 

var x = new number(5),
    y = x.add(10);

// with first example
// x == 5, y == 15


// with 2nd example
// x == 15, y == 15, x === y
...