체인 연결 기능이 같은 일부 코드가

Question

를 필요한 경우 체인의 변수를 유지 :

function Foo(arr, prop) { 
    this.arr = arr; 
    this.isOn = prop; 
} 

function newFoo(arr, prop) { 
    return new Foo(arr, prop); 
} 

Foo.prototype = { 

    a: function() { 
    var result = []; 
    // do something and push to result 
    if (this.prop) // do something different with result 
    return newFoo(result); 
    }, 

    // This is the method that determines if prop = true in the chain 
    b: function() { 
    result = []; 
    // do something and push to result 
    // this time 'prop' must be 'true' 
    return newFoo(result, true) 
    } 

}; 

내가 체인의 이전 요소가 prop가있는 경우 true을 통과 유지하려는합니다. 난 그냥 모든 방법에 newFoo(result, this.prop) 모든 시간을 반환 할 수 알고

var nf = newFoo; 
console.log(nf([1,2,3]).b().isOn); //=> true 
console.log(nf([1,2,3]).b().a().isOn); //=> undefined 

을하지만, 나는이 문제에 다른 해결책이 있는지 궁금했다 : Obvisouly 당신이 여기에서 볼 수 있듯이 위의 방법이 작동하지 않습니다. 메소드가 숫자가 커지면 시간이 지남에 따라이 속성을 추적하기가 어려울 것입니다.

Answer 1

숫자가 커지면 시간이 지남에 따라이 속성을 추적하기가 어려울 수 있습니다.

는 그냥 자동으로 덮어 쓰기하지 않을 속성을 추적 newFoo의 기능을 추가하는 방법을 만들 수

: 여기 arguments.length을 사용했습니다

function Foo(arr, prop) { 
    this.arr = arr; 
    this.isOn = prop; 
} 

Foo.prototype = { 

    clone: function newFoo(arr, prop) { 
    return new Foo(
     arguments.length >= 1 ? arr : this.arr, 
     arguments.length >= 2 ? prop : this.isOn 
    ); 
    }, 

    a: function() { 
    var result = []; 
    // do something and push to result 
    if (this.prop) // do something different with result 
    return this.clone(result); 
    }, 

    // This is the method that determines if prop = true in the chain 
    b: function() { 
    result = []; 
    // do something and push to result 
    // this time 'prop' must be 'true' 
    return this.clone(result, true) 
    } 

}; 

는 매개 변수인지 확인 합격 한 경우 undefined에 대해 테스트하거나 always-truthy 속성에 대해 간단하게 arr || this.arr을 사용할 수 있습니다.

Answer 2

변화

a: function() { 
    var result = []; 
    // do something and push to result 
    if (this.prop){} // so something different with result 
    return newFoo(result); 
    }, 

Answer 3

function Foo(arr, prop) { 
    this.arr = arr; 
    this.isOn = prop || false; // if prop is undefined, set false 
} 

에 'A'기능은이 문제를 밖으로 정렬해야한다.

prop 인수를 추가하지 않으면 isOn이 undefined으로 설정됩니다. 그래서 undefined을 출력으로 얻습니다.