在 RxJS 中，map、pluck 与 mapTo 三个操作符都是非常常用的操作符。它们都能对 Observable 中发出的每个值进行处理，返回一个新的值。但是它们之间存在一些区别，下面我们来详细探究一下。
1. map 操作符
map 操作符可以将发出的每个值按照某个函数进行转换，将它们转换成一个新的值。比如下面这个例子：
import { from } from 'rxjs';
import { map } from 'rxjs/operators';
from([1, 2, 3])
.pipe(
map(value => value * 2)
)
.subscribe(value => console.log(value));这段代码会输出：
2 4 6
这里我们首先定义了一个数组 [1, 2, 3]，然后用 from 将它转换成一个 Observable。接着，我们使用 pipe 以及 map 方法，将每个值乘以 2 进行转换。最后我们订阅了这个 Observable，并且输出了每个值。
map 的使用场景非常广泛，无论是对数字、字符串、对象都可以使用它。
2. pluck 操作符
pluck 操作符可以提取对象中的某个属性作为一个新的值发出。比如下面这个例子：
import { from } from 'rxjs';
import { pluck } from 'rxjs/operators';
from([{ name: '张三' }, { name: '李四' }, { name: '王五' }])
.pipe(
pluck('name')
)
.subscribe(value => console.log(value));这段代码会输出：
张三 李四 王五
这里我们首先定义了一个数组，数组中每一项都是一个对象，对象里面有一个属性 name。然后用 from 将它转换成一个 Observable。接着，我们使用 pipe 以及 pluck 方法，提取每个对象的 name 属性作为一个新的值进行发出。最后我们订阅了这个 Observable，并且输出了每个值。
作为和对象相关的操作符，pluck 在处理需要从对象中提取某个属性的场景下非常常用。
3. mapTo 操作符
mapTo 操作符可以将发出的每个值都映射为同一个值。比如下面这个例子：
import { fromEvent } from 'rxjs';
import { mapTo } from 'rxjs/operators';
fromEvent(document.getElementById('btn'), 'click')
.pipe(
mapTo('按钮被点击了')
)
.subscribe(value => console.log(value));这段代码会在页面上有个按钮，当点击该按钮的时候会输出：
按钮被点击了
这里我们首先使用 fromEvent 创建一个 Observable，该 Observable 每当页面上 id 为 btn 的按钮被点击时就会发出一个值。接着，我们使用 pipe 以及 mapTo 方法，将每个值都映射为 按钮被点击了 这个值进行发出。最后我们订阅了这个 Observable，并且输出了每个值。
mapTo 的使用场景比较简单，针对某些操作需要将每个值映射为同一值的场景比较常见。
4. 总结
在 RxJS 中，map、pluck 与 mapTo 三个操作符都是非常常用的操作符。它们分别适用于不同的场景，map 适用于大多数场景，pluck 适用于处理对象的属性，mapTo 适用于将每个值都映射为同一个值的场景。在实际开发中，我们需要根据具体场景来决定应该使用哪个操作符。
同时，在使用这些操作符的时候，我们也需要注意一些细节，比如 map 、pluck 和 mapTo 对 Observable 的返回值的类型处理问题。这方面的问题并不是很复杂，但是可能会在开发过程中产生一些小小的麻烦。
希望这篇文章能够对大家的 RxJS 学习有所帮助，大家在项目中多多查阅文档并多加练习，相信会更好的掌握 RxJS 中的各种操作符，提高自己的编程能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af738e48841e9894b84819