RxJS 5可观察和变量范围aka为什么我的变量不可读

Question

用TypeScript 1.9和RxJS 5 beta 6编写的Angular 2 RC4应用程序

我真的很难理解为什么订阅时我的类变量没有传递给可观察的生成函数。下面是我的代码，但您可以看到它在这个插件上运行（请参见app/app.component.ts

//this is the problematic var. Can't pass its updated value to the Observable
input = 'nothing'; //<- default value

ngOnInit(){//<- this runs right after class constructor
    //set to the value we want to send to the server
    this.input = 'something';
}
start(){
    //to make sure input = something when we subscribe
    this.print("Subscribing when input = "+this.input);
    this.source.subscribe(d=>this.print(d));
}
//Simulate sending input to the server
source = this.queryServer(this.input)
    .do(()=>this.print('Emitting new value...'));

//server just returns what it received
queryServer(input){return Observable.from(['Server sees '+input])}

print(value){this.log.push(value);}
log=[];

通过调用start（）

• 当输入=某物时订阅
• 发出新值…
• 服务器什么也看不到

为什么当我们调用subscribe时，即使class属性是something，也不会将nothing传递给queryserver（）？我试图使input成为一个对象，比如input={d:'something'}认为问题可能与传递值而不是引用有关，但结果是一样的。




Answer 1

感谢@paulpdaniels提供的有用信息。他建议我在设置了input=something之后，在ngOnInit中编写源代码。这适用于input的第一个值，但实际上input将在ngOnInit完成后继续更改，因此源将再次发出过时的数据。

真正让我惊讶的是，即使输入是一个对象（而不是一个简单的字符串），OP中的问题仍然存在。因为对象是通过JS中的引用分配的，所以我期望不同。

我选择的代码设计是在一个setter中为输入编写源代码。这样，每次设置该值时，source都会刷新：

source:Observable<any>;

_input = 'nothing';
get input(){return this._input;}
set input(val){
    this._input = val;
    source = this.queryServer(val)
        .do(()=>this.print('Emitting new value...'));
}

对我来说，仍然感觉像黑客，但我对可观察事物是全新的，所以也许没有更好的方法了。如果有，我希望有人能教我。

Answer 2

发生这种情况是因为在构造组件时，您正在将输入的默认值传递给queryServer。即使您在ngInit中更改了它，它也已经被用于构建您随后订阅的管道。你基本上是在做以下事情：

this.input = "nothing";
const copyOfInput = this.input;
this.input = "something";
console.log(copyOfInput); //-> nothing

您已经更改了此所指向的内容。输入的所指向的内容，但您制作的副本仍指向旧值。我假设您实际上想要在ngInit中初始化管道，而不是作为对象构造的一部分。