Categories: RxJS教程

RxJS:转换运算符Map

对于map运算符,将项目函数应用于源Observable上的每个值,并将相同的输出作为Observable发出。

语法

map(project_func: function): Observable

参量

project_func-它接受project_func作为参数,应用于所有可观察源的值。

返回值

一个可观察的对象,其值与project_func的结果相同。

import { fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';
let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');

let positions = btn_clicks.pipe(map(ev => ev));
positions.subscribe(x => console.log("x:"+x.clientX +" and y: "+x.clientY));
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

5 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago