Skip to content

Instantly share code, notes, and snippets.

@tearf001

tearf001/index.html

Created May 5, 2019 15:37
Show Gist options
  • Save tearf001/9570dd14ea5edef82e8bf2975904ebc0 to your computer and use it in GitHub Desktop.
Save tearf001/9570dd14ea5edef82e8bf2975904ebc0 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/siyejed
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src=https://unpkg.com/@reactivex/rxjs@6.5.1/dist/global/rxjs.umd.js></script>
</head>
<body>
<script id="jsbin-javascript">
"use strict";
console.clear();
var promise = new Promise(function (res) {
setTimeout(function () {
console.log('promise time out');
res(['promise后台数据']);
}, 1000); //模拟加载
console.log('promise 开始..');
});
//promise.then(console.log); //注释仍然执行业务逻辑,promise引入时即执行,同async
var observable = new rxjs.Observable(function (observer) {
setTimeout(function () {
console.log('observable time out');
observer.next(['observable后台数据']);
}, 1000); //模拟
console.log('observable 开始..');
});
//observable.forEach(console.log); //注释后,业务逻辑不再执行,只有流被观察时执行
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO0FBQ2YsSUFBSSxPQUFPLEdBQUcsSUFBSSxPQUFPLENBQUMsVUFBQSxHQUFHO0lBQzNCLFVBQVUsQ0FBQztRQUNULE9BQU8sQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNoQyxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFBO0lBQ3RCLENBQUMsRUFBQyxJQUFJLENBQUMsQ0FBQyxDQUFBLE1BQU07SUFDZCxPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQzlCLENBQUMsQ0FBQyxDQUFBO0FBRUYsOERBQThEO0FBRTlELElBQUksVUFBVSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFBLFFBQVE7SUFDM0MsVUFBVSxDQUFDO1FBQ1QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDcEMsQ0FBQyxFQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtJQUNiLE9BQU8sQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsQ0FBQztBQUNqQyxDQUFDLENBQUMsQ0FBQztBQUVILDJEQUEyRCIsInNvdXJjZXNDb250ZW50IjpbImNvbnNvbGUuY2xlYXIoKVxudmFyIHByb21pc2UgPSBuZXcgUHJvbWlzZShyZXMgPT4ge1xuICBzZXRUaW1lb3V0KCgpPT57XG4gICAgY29uc29sZS5sb2coJ3Byb21pc2UgdGltZSBvdXQnKTtcbiAgICByZXMoWydwcm9taXNl5ZCO5Y+w5pWw5o2uJ10pXG4gIH0sMTAwMCk7Ly/mqKHmi5/liqDovb1cbiAgY29uc29sZS5sb2coJ3Byb21pc2Ug5byA5aeLLi4nKTtcbn0pXG5cbi8vcHJvbWlzZS50aGVuKGNvbnNvbGUubG9nKTsgLy/ms6jph4rku43nhLbmiafooYzkuJrliqHpgLvovpEscHJvbWlzZeW8leWFpeaXtuWNs+aJp+ihjCzlkIxhc3luY1xuXG52YXIgb2JzZXJ2YWJsZSA9IG5ldyByeGpzLk9ic2VydmFibGUob2JzZXJ2ZXIgPT4ge1xuICBzZXRUaW1lb3V0KCgpPT57XG4gICAgY29uc29sZS5sb2coJ29ic2VydmFibGUgdGltZSBvdXQnKTtcbiAgICBvYnNlcnZlci5uZXh0KFsnb2JzZXJ2YWJsZeWQjuWPsOaVsOaNriddKTtcbiAgfSwxMDAwKTsgLy/mqKHmi59cbiAgY29uc29sZS5sb2coJ29ic2VydmFibGUg5byA5aeLLi4nKTtcbn0pO1xuXG4vL29ic2VydmFibGUuZm9yRWFjaChjb25zb2xlLmxvZyk7IC8v5rOo6YeK5ZCOLOS4muWKoemAu+i+keS4jeWGjeaJp+ihjCzlj6rmnInmtYHooqvop4Llr5/ml7bmiafooYwiXX0=
</script>
<script id="jsbin-source-javascript" type="text/javascript">console.clear()
var promise = new Promise(res => {
setTimeout(()=>{
console.log('promise time out');
res(['promise后台数据'])
},1000);//模拟加载
console.log('promise 开始..');
})
//promise.then(console.log); //注释仍然执行业务逻辑,promise引入时即执行,同async
var observable = new rxjs.Observable(observer => {
setTimeout(()=>{
console.log('observable time out');
observer.next(['observable后台数据']);
},1000); //模拟
console.log('observable 开始..');
});
//observable.forEach(console.log); //注释后,业务逻辑不再执行,只有流被观察时执行</script></body>
</html>
Raw
jsbin.siyejed.js
"use strict";
console.clear();
var promise = new Promise(function (res) {
setTimeout(function () {
console.log('promise time out');
res(['promise后台数据']);
}, 1000); //模拟加载
console.log('promise 开始..');
});
//promise.then(console.log); //注释仍然执行业务逻辑,promise引入时即执行,同async
var observable = new rxjs.Observable(function (observer) {
setTimeout(function () {
console.log('observable time out');
observer.next(['observable后台数据']);
}, 1000); //模拟
console.log('observable 开始..');
});
//observable.forEach(console.log); //注释后,业务逻辑不再执行,只有流被观察时执行
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO0FBQ2YsSUFBSSxPQUFPLEdBQUcsSUFBSSxPQUFPLENBQUMsVUFBQSxHQUFHO0lBQzNCLFVBQVUsQ0FBQztRQUNULE9BQU8sQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNoQyxHQUFHLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFBO0lBQ3RCLENBQUMsRUFBQyxJQUFJLENBQUMsQ0FBQyxDQUFBLE1BQU07SUFDZCxPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO0FBQzlCLENBQUMsQ0FBQyxDQUFBO0FBRUYsOERBQThEO0FBRTlELElBQUksVUFBVSxHQUFHLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFBLFFBQVE7SUFDM0MsVUFBVSxDQUFDO1FBQ1QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7SUFDcEMsQ0FBQyxFQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtJQUNiLE9BQU8sQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsQ0FBQztBQUNqQyxDQUFDLENBQUMsQ0FBQztBQUVILDJEQUEyRCIsInNvdXJjZXNDb250ZW50IjpbImNvbnNvbGUuY2xlYXIoKVxudmFyIHByb21pc2UgPSBuZXcgUHJvbWlzZShyZXMgPT4ge1xuICBzZXRUaW1lb3V0KCgpPT57XG4gICAgY29uc29sZS5sb2coJ3Byb21pc2UgdGltZSBvdXQnKTtcbiAgICByZXMoWydwcm9taXNl5ZCO5Y+w5pWw5o2uJ10pXG4gIH0sMTAwMCk7Ly/mqKHmi5/liqDovb1cbiAgY29uc29sZS5sb2coJ3Byb21pc2Ug5byA5aeLLi4nKTtcbn0pXG5cbi8vcHJvbWlzZS50aGVuKGNvbnNvbGUubG9nKTsgLy/ms6jph4rku43nhLbmiafooYzkuJrliqHpgLvovpEscHJvbWlzZeW8leWFpeaXtuWNs+aJp+ihjCzlkIxhc3luY1xuXG52YXIgb2JzZXJ2YWJsZSA9IG5ldyByeGpzLk9ic2VydmFibGUob2JzZXJ2ZXIgPT4ge1xuICBzZXRUaW1lb3V0KCgpPT57XG4gICAgY29uc29sZS5sb2coJ29ic2VydmFibGUgdGltZSBvdXQnKTtcbiAgICBvYnNlcnZlci5uZXh0KFsnb2JzZXJ2YWJsZeWQjuWPsOaVsOaNriddKTtcbiAgfSwxMDAwKTsgLy/mqKHmi59cbiAgY29uc29sZS5sb2coJ29ic2VydmFibGUg5byA5aeLLi4nKTtcbn0pO1xuXG4vL29ic2VydmFibGUuZm9yRWFjaChjb25zb2xlLmxvZyk7IC8v5rOo6YeK5ZCOLOS4muWKoemAu+i+keS4jeWGjeaJp+ihjCzlj6rmnInmtYHooqvop4Llr5/ml7bmiafooYwiXX0=
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment