关于Ember教程中this.get('filter')来源的技术问询

首先回答你的第一个问题：

this.get('filter')是否等价于this.filter或this['filter']？ #

在你教程对应的Ember版本（看起来是Ember 2.x或更早，因为代码使用了this.get/this.set这类经典API），两者并不完全等价。

this.get('filter')是Ember官方推荐的属性访问方式，它做了这些关键事情：

• 触发计算属性的懒计算：如果filter是一个计算属性，get会确保它被正确计算并返回最新值
• 维护依赖追踪：Ember的观察者、计算属性依赖系统依赖get来追踪属性变化，直接访问可能破坏这个机制
• 安全处理嵌套属性：比如this.get('user.address.city')，如果user或address是undefined，get会返回undefined而不会抛出错误，直接访问则会报错

而直接用this.filter或this['filter']，在filter是普通实例属性的简单场景下，结果看起来一致，但如果filter是计算属性、来自Ember代理对象（比如组件传入属性），或者涉及依赖追踪的场景，直接访问可能导致值不正确、依赖失效的问题。所以遵循Ember规范使用this.get是更稳妥的做法。

filter究竟来自哪里？ #

这个filter并不是Component基类自带的属性，而是组件使用者在模板中传递给它的action参数。

在老版本的Ember中，组件可以通过模板接收外部传递的action，举个例子，假设你的组件名叫filter-input，使用它的模板会类似这样写：

{{filter-input value=searchQuery filter=(action 'performFilter')}}

这里的(action 'performFilter')就是把父组件/控制器中定义的performFilter action传递给了子组件，子组件内部通过this.get('filter')就能拿到这个action函数，然后调用它并传入过滤值。

你在Component基类文档里找不到filter的定义，是因为它是自定义的传入属性，不是组件类本身的内置属性——每个组件的传入属性都是根据使用场景自定义的，所以基类文档不会包含这类内容。

另外，代码里filterAction(filterInputValue).then(...)说明这个filter action返回的是一个Promise，所以对应的performFilter应该是一个异步操作（比如发起API请求获取过滤结果），组件拿到Promise的resolve结果后，再通过this.set('results', filterResults)更新自身的results属性。

内容的提问来源于stack exchange，提问作者Vadimz