common.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807
  1. var comm = {
  2. data: {
  3. baseUrl: ''
  4. },
  5. /* ====================================================================================== */
  6. addEvent: function (ele, ev, fn) { // 添加事件的函数
  7. //针对IE浏览器
  8. if (ele.attachEvent) {
  9. ele.attachEvent('on' + ev, fn)
  10. }
  11. //针对FF与chrome
  12. else {
  13. ele.addEventListener(ev, fn, false)
  14. }
  15. },
  16. ajax: function (options) { // 封装ajax
  17. var _this = this;
  18. //异步请求对象的完成状态
  19. this.done = 0;
  20. this.format = function () {
  21. var now = new String(new Date().getTime());
  22. return now.substr(0, now.length - 3);
  23. }
  24. //格式化参数
  25. this.formatParams = function (data) {
  26. //获取地址参数
  27. var arr = [];
  28. for (var name in data) {
  29. arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
  30. }
  31. arr.push("t=" + _this.format());//按分钟刷一次
  32. return arr.join("&");
  33. }
  34. //传入设置
  35. options = options || {};
  36. //请求方式
  37. options.type = (options.type || "GET").toUpperCase();
  38. options.dataType = options.dataType || "json";
  39. options.async = options.async || true;
  40. options.contentType = options.contentType || 'application/x-www-form-urlencoded';
  41. var params = _this.formatParams(options.data);
  42. if (options.contentType == "application/json;charset=utf-8") {
  43. params = JSON.stringify(options.data)
  44. }
  45. //创建异步请求对象 - 第一步
  46. var xhr;
  47. //w3c标准
  48. if (window.XMLHttpRequest) {
  49. xhr = new XMLHttpRequest();
  50. }
  51. //兼容IE6及以下
  52. else if (window.ActiveObject) {
  53. xhr = new ActiveXObject('Microsoft.XMLHTTP');
  54. }
  55. //连接 和 发送 - 第二步
  56. //判断是那种类型的请求
  57. //若是get请求
  58. if (options.type == "GET") {
  59. //参数拼接
  60. if (options.url.indexOf("?") == -1) sp = "?"; else sp = "&";
  61. //发送请求
  62. xhr.open("GET", options.url + sp + params, options.async);
  63. xhr.send(null);
  64. }
  65. //若是post请求
  66. else if (options.type == "POST") {
  67. //发送请求
  68. xhr.open("POST", options.url, options.async);
  69. //设置表单提交时的内容类型
  70. xhr.setRequestHeader("Content-Type", options.contentType);
  71. //参数配置
  72. xhr.send(params);
  73. }
  74. //接收 - 第三步
  75. xhr.onreadystatechange = function () {
  76. if (xhr.readyState == 4) {
  77. //状态码
  78. var status = xhr.status;
  79. //状态码表示成功时,执行成功回调函数
  80. if (status >= 200 && status < 300 || status == 304) {
  81. //返回数据的格式
  82. //json字符串
  83. if (options.dataType == "json") {
  84. try {
  85. options.success && options.success(eval("(" + xhr.responseText + ")"));
  86. }
  87. catch (err) {
  88. options.success && options.success(JSON.parse(xhr.responseText), xhr.responseXML);
  89. }
  90. }
  91. //普通字符串
  92. else {
  93. options.success && options.success(xhr.responseText, xhr.responseXML);
  94. }
  95. // 改变状态为完成
  96. _this.done = 1;
  97. }
  98. //如果状态码表示失败时调用错误处理回调函数
  99. else {
  100. options.error && options.error(status);
  101. // 改变状态为完成
  102. _this.done = 1;
  103. }
  104. }
  105. }
  106. },
  107. /* ====================================================================================== */
  108. hasClass: function (ele, cls) { // 判断一个类是否存在
  109. return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
  110. },
  111. addClass: function (ele, cls) { // 增加一个类
  112. if (!this.hasClass(ele, cls)) ele.className = ele.className.replace(/(\s*$)/g, "") + " " + cls
  113. },
  114. removeClass: function (ele, cls) { // 删除一个类
  115. if (this.hasClass(ele, cls)) {
  116. var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
  117. ele.className = ele.className.replace(reg, ' ')
  118. }
  119. },
  120. getStyle: function (ele, attr) { // 获取某个元素的样式
  121. var res = '';
  122. if (window.getComputedStyle) {
  123. res = getComputedStyle(ele)[attr];
  124. } else if (ele.currentStyle) {
  125. res = ele.currentStyle[attr];
  126. } else {
  127. res = ele.style[attr];
  128. }
  129. // 这里返回的样式做了调整,返回必须为字符串,有盒子的样式获取像margin-left会返回纯数字(不含单位px),这样不好处理,统一变成字符串后再对返回结果用正则匹配
  130. return res + '';
  131. },
  132. /* ====================================================================================== */
  133. show: function (ele) { // 让一个元素隐藏(display)
  134. ele.style.display = 'block'
  135. },
  136. hide: function (ele) { // 让一个元素显示(display)
  137. ele.style.display = 'none'
  138. },
  139. isShow: function (ele) { // 判断某个元素的是否显示(display,浅)
  140. var getVisibility = ele.style.display;
  141. return getVisibility !== "none";
  142. },
  143. isShowDeel: function (ele) { // 判断某个元素是否显示(display,深)
  144. temp = ele
  145. var getVisibility = this.getStyle(temp, 'display');
  146. if (getVisibility == 'none') {
  147. return false;
  148. } else if (temp.tagName == 'BODY') {
  149. return true;
  150. } else {
  151. return this.isShowDeel(temp.parentNode);
  152. }
  153. },
  154. visible: function (ele) { // 让一个元素隐藏(visible)
  155. ele.style.visibility = 'visible'
  156. },
  157. hidden: function (ele) { // 让一个元素显示(visible)
  158. ele.style.visibility = 'hidden'
  159. },
  160. /* ====================================================================================== */
  161. addElement: function (ele, tag, cls, data, inner, fn) { // 为一个元素创建一个子元素
  162. // 1、创建新元素
  163. var newEle = document.createElement(tag)
  164. // 2、设置各种属性(图片地址,自定义属性等)
  165. newEle.setAttribute('class', cls);
  166. for (var item in data) {
  167. newEle.setAttribute(item, data[item]);
  168. }
  169. // 3、设置内容(innerhtml)
  170. newEle.innerHTML = inner ? inner : ''
  171. // 4、设置回调函数
  172. fn && fn(newEle)
  173. // 5、将新元素加入到父元素中
  174. ele.appendChild(newEle)
  175. },
  176. /* ====================================================================================== */
  177. setCookie: function (name, value, t) { // 设置cookie
  178. var hour = t ? t : 8;
  179. var exp = new Date();
  180. exp.setTime(exp.getTime() + hour * 60 * 60 * 1000);
  181. document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
  182. },
  183. getCookie: function (name) { // 获取cookie 存在返回值,不存在返回null
  184. var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  185. if (arr = document.cookie.match(reg)) {
  186. if (arr[2] != "undefined")
  187. return unescape(arr[2]);
  188. else return undefined;
  189. } else {
  190. return null;
  191. }
  192. },
  193. getStack: function (stackName) { //获取历史栈
  194. var _this = this;
  195. var stack;
  196. if (_this.getQueryString('stack')) {
  197. stack = JSON.parse(_this.getQueryString('stack'));
  198. } else if (
  199. _this.getCookie(stackName) && JSON.parse(_this.getCookie(stackName))
  200. ) {
  201. stack = JSON.parse(_this.getCookie(stackName))
  202. }
  203. // 如果cookie上没有,就把上一页路径做为返回路径
  204. else {
  205. stack = [];
  206. }
  207. return stack;
  208. },
  209. pushStack: function (stackName, url) { // 添加历史栈
  210. var _this = this;
  211. var stack;
  212. stack = _this.getStack(stackName);
  213. stack.push(url);
  214. _this.setCookie('stackName', JSON.stringify(stack));
  215. _this.setCookie(stackName, JSON.stringify(stack));
  216. },
  217. popStack: function (stackName) { // 删除历史栈
  218. var _this = this;
  219. var stack;
  220. var delTop;
  221. stack = _this.getStack(stackName);
  222. delTop = stack.pop();
  223. _this.setCookie(stackName, JSON.stringify(stack));
  224. return delTop;
  225. },
  226. /* ====================================================================================== */
  227. getQueryString: function (name) { // 获取url的某个参数
  228. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  229. var r = window.location.search.substr(1).match(reg);
  230. if (r != null && unescape(r[2]) != "undefined" && unescape(r[2]) != "null") return unescape(r[2]);
  231. return '';
  232. },
  233. urlParam: function (obj) { // 将对象转换为url参数字符串
  234. var _this = this;
  235. var arr = [];
  236. for (var name in obj) {
  237. arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(obj[name]));
  238. }
  239. return arr.join("&");
  240. },
  241. getRandom: function (min, max) { // 获取随机数
  242. return Math.floor(Math.random() * (max - min)) + min;
  243. },
  244. arrRandom: function (arr) { // 使数组随机排序,返回一个新数组
  245. // var newArr = []
  246. // var oldArrLength = arr.length
  247. // for(var i = 0; i < oldArrLength; i++) {
  248. // newArr.push(arr.splice(getRandom(0,arr.length),1)[0])
  249. // }
  250. // return newArr
  251. arr.sort(function () {
  252. return 0.5 - Math.random()
  253. })
  254. },
  255. /* ====================================================================================== */
  256. isPoneAvailable: function (pone) { // 判断是否为有效手机号
  257. var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
  258. if (!myreg.test(pone)) {
  259. return false;
  260. } else {
  261. return true;
  262. }
  263. },
  264. timestamp: function (time) { // 转换时间格式
  265. var sec = Math.floor(time % 60)
  266. var min = Math.floor(time / 60 % 60)
  267. var hour = Math.floor(time / 60 / 60)
  268. sec = sec < 10 ? '0' + sec : sec
  269. min = min < 10 ? '0' + min : min
  270. hour = hour < 10 ? '0' + hour : hour
  271. var timeStr = hour + ':' + min + ':' + sec;
  272. return timeStr
  273. },
  274. /* ====================================================================================== */
  275. Debuglog: function (text) { // 弹窗,用于测试
  276. if (typeof printWind == "undefined") {
  277. window.printWind = document.createElement("div");
  278. window.inner = document.createElement("div");
  279. inner.style.width = "600px";
  280. inner.style.position = "absolute";
  281. inner.style.right = "0px";
  282. printWind.appendChild(inner);
  283. printWind.style.position = "fixed";
  284. printWind.style.right = "0";
  285. printWind.style.top = "0";
  286. printWind.style.background = "rgba(0,0,0,0.6)";
  287. printWind.style.zIndex = "99999";
  288. printWind.style.padding = "20px";
  289. printWind.style.fontSize = "20px";
  290. printWind.style.width = "600px";
  291. printWind.style.height = "600px";
  292. printWind.style.color = "#0aff08";
  293. document.body.appendChild(printWind);
  294. }
  295. var para = document.createElement("p"); //创建新的<p> 元素
  296. para.innerHTML = text;
  297. para.setAttribute("class", "newLine");
  298. para.style.padding = "5px";
  299. inner.appendChild(para);
  300. var a = inner.clientHeight - 600;
  301. inner.style.top = -a + "px";
  302. },
  303. STBUtil: {
  304. /**
  305. * 通过键值获取机顶盒对应信息
  306. * @param name [参数名] ex:UserToken--用户token,EPGDomain--EPG域名,areaid--地区编码,templateName--当前用户模板
  307. * @return []
  308. */
  309. getSTBKey: function (name) {
  310. var value = '';
  311. if (typeof (Authentication) === "object") {
  312. if (Authentication.CTCGetConfig) {
  313. value = Authentication.CTCGetConfig(name);
  314. } else if (Authentication.CUGetConfig) {
  315. value = Authentication.CUGetConfig(name);
  316. }
  317. }
  318. return value;
  319. },
  320. /**
  321. * 通过键值设置机顶盒对应信息
  322. * @param name [参数名]
  323. * @param value [参数值]
  324. */
  325. setSTBKey: function (name, value) {
  326. if (typeof (Authentication) === "object") {
  327. Authentication.CTCSetConfig(name, value);
  328. }
  329. },
  330. /**
  331. * 获取机顶盒 用户账号/业务账号
  332. * @return {string}
  333. */
  334. getSTBUserId: function () {
  335. var userId = '';
  336. try{
  337. if (typeof (Authentication) == 'object') {
  338. // 此方法经测试目前可以获取到华为,中兴,创维三款机顶盒型号
  339. userId = Authentication.CTCGetConfig('UserID');
  340. if (!userId){
  341. userId = Authentication.CUGetConfig("UserID");
  342. }
  343. //烽火的机顶盒
  344. if(!userId){
  345. userId =Authentication.CTCGetConfig("device.userid");
  346. }
  347. //中兴老的盒子获取机顶盒型号的方法
  348. if(!userId && typeof(ztebw) == 'object' ){
  349. stbModel = ztebw.ioctlRead("infoZTEHWType");
  350. if(!stbModel) {
  351. stbModel = ztebw.ioctlRead("infoHWProduct");
  352. }
  353. }
  354. }
  355. else{
  356. console.log("不支持Authentication!");
  357. }
  358. }
  359. catch(e){
  360. userId = '';
  361. }
  362. return userId;
  363. },
  364. /**
  365. * 获取机顶盒 设备ID
  366. * @return {string}
  367. */
  368. getSTBId: function () {
  369. var stbId = "";
  370. if (typeof (Authentication) == "object") {
  371. stbId = Authentication.CTCGetConfig("STBID");
  372. if (!stbId) {
  373. stbId = Authentication.CUGetConfig("STBID");
  374. }
  375. if (!stbId) {
  376. stbId = Authentication.CTCGetConfig("device.stbid"); // 烽火的机顶盒
  377. }
  378. }
  379. // 广西广电获取stbId
  380. if (!stbId && typeof (guangxi) === "object") {
  381. stbId = guangxi.getStbNum();
  382. }
  383. return stbId;
  384. },
  385. /**
  386. * 获取机顶盒型号
  387. * @return {string}
  388. */
  389. getSTBModel: function () {
  390. var stbModel = '';
  391. try{
  392. //此方法经测试目前可以获取到华为,中兴,创维三款机顶盒型号
  393. stbModel = Authentication.CTCGetConfig('STBType');
  394. if (!stbModel){
  395. stbModel = Authentication.CUGetConfig("STBType");
  396. }
  397. //烽火的机顶盒
  398. if(!stbModel){
  399. stbModel = Authentication.CTCGetConfig("device.stbmodel");
  400. }
  401. //中兴老的盒子获取机顶盒型号的方法
  402. if(!stbModel && typeof(ztebw) == 'object' ){
  403. stbModel = ztebw.ioctlRead("infoZTEHWType");
  404. if(!stbModel){
  405. stbModel = ztebw.ioctlRead("infoHWProduct");
  406. }
  407. }
  408. }
  409. catch(e){
  410. console.log("不支持获取机顶盒型号!");
  411. }
  412. return stbModel;
  413. },
  414. /**
  415. * 获取机顶盒mac地址
  416. * @return {string}
  417. */
  418. getSTBMac: function () {
  419. if (window.isWinOS) { //Windows操作系统
  420. return "00-00-00-00-00-00";
  421. }
  422. var mac = "";
  423. if (typeof (Authentication) == "object") {
  424. try {
  425. mac = Authentication.CUGetConfig("mac");
  426. if (!mac && typeof (ztebw) == "object") {
  427. var stbId = ztebw.ioctlRead("infoHWSN");
  428. mac = stbId.substring(stbId.length - 12);
  429. }
  430. if (!mac) {
  431. mac = Authentication.CTCGetLocalMAC();
  432. }
  433. } catch (e) { }
  434. }
  435. // 广西广电获取mac
  436. if (!mac && typeof iPanel === "object") {
  437. mac = iPanel.getGlobalVar("MAC_ETH0");
  438. }
  439. // 长虹机顶盒获取mac(四川广电)
  440. if (!mac && typeof (Ethernet) === "object") {
  441. mac = Ethernet.MACAddress;
  442. }
  443. if (mac) {
  444. while (mac.indexOf(":") !== -1) {
  445. mac = mac.replace(":", "");
  446. }
  447. } else {
  448. mac = "00-00-00-00-00-00";
  449. }
  450. return mac;
  451. },
  452. /**
  453. * 获取 EPG大厅地址
  454. * @return {string}
  455. */
  456. getEPGDomain: function () {
  457. var epgDomain = "";
  458. if (typeof (Authentication) == "object") {
  459. epgDomain = Authentication.CTCGetConfig("EPGDomain");
  460. if (!epgDomain) {
  461. epgDomain = Authentication.CUGetConfig("EPGDomain");
  462. }
  463. if (typeof epgDomain === "undefined" || epgDomain == null) {
  464. epgDomain = "";
  465. }
  466. }
  467. return epgDomain;
  468. },
  469. /**
  470. * 获取 UserToken
  471. * @return {string}
  472. */
  473. getUserToken: function () {
  474. var userToken = "";
  475. if (typeof (Authentication) == "object") {
  476. userToken = Authentication.CTCGetConfig("UserToken");
  477. if (!userToken) {
  478. userToken = Authentication.CUGetConfig("UserToken");
  479. }
  480. if (!userToken) {
  481. userToken = Authentication.CTCGetConfig("device.usertoken");
  482. }
  483. }
  484. return userToken;
  485. },
  486. }
  487. };
  488. // promise插件
  489. (function (window) {
  490. // 参考Joe-Xie:https://www.cnblogs.com/XieJunBao/p/9156134.html
  491. // 原生封装promise为了应对低版本浏览器不兼容问题
  492. // 异步串行思路:promise执行then是注册回调函数,then有多个就可以注册多个回调函数,但是若多个回调都是异步执行的,那我们要等上一个异步结束后才执行下一个异步,这是时候就需要上一个异步操作完成后,把这个完成状态告诉下一个回调,这样才可以异步串行。为了解决这个问题我们把异步完成状态托管给promise去管理
  493. // 流程:第一步注册:链式调用then函数,每执行一个then函数,返回一个桥梁promise(then函数中的成功回调和失败回调是写入这个promise的回调列表中的,注意成功回调的功能除了执行本身函数外还要更新下一个promise的状态)
  494. // 第二步执行:第一个promise的异步执行完,开始执行第一个promise的回调函数(回调函数又分两步走:第一步:resolvePromise解析回调返回值(如果是promise则说明是异步,就需要继续解析直到不是promise而是一个具体的值),第二步:当回调返回的值是一个具体值而不是promise时,调用第二个proomise的reslove方法将第二个proomise的状态更新为fulfilled,并将第一个promise的回调的值传入p2的回调函数中去执行)
  495. function MyPromise(fn) {
  496. var self = this;
  497. // 成功回调传的参数
  498. self.value = null;
  499. // 失败回调传的参数
  500. self.error = null;
  501. // 当前promise对象的状态
  502. self.status = "pending";
  503. // 存储成功回调列表
  504. self.onFulfilledCallbacks = [];
  505. // 存储失败回调列表
  506. self.onRejectedCallbacks = [];
  507. // 状态改变并执行回调
  508. // 成功
  509. function resolve(value) {
  510. // 判断传入参数是否由MyPromise构造的对象,若是,注册该函数
  511. if (value instanceof MyPromise) {
  512. return value.then(resolve, reject);
  513. }
  514. // 判断
  515. if (self.status === "pending") {
  516. setTimeout(function () {
  517. self.status = "fulfilled";
  518. self.value = value;
  519. // 执行成功回调
  520. // self.onFulfilledCallbacks.forEach(function(callback){callback(self.value)});
  521. // 向下兼容forEach
  522. for (var i = 0; i < self.onFulfilledCallbacks.length; i++) {
  523. self.onFulfilledCallbacks[i](self.value);
  524. }
  525. }, 0)
  526. }
  527. }
  528. // 失败
  529. function reject(error) {
  530. if (self.status === "pending") {
  531. setTimeout(function () {
  532. self.status = "rejected";
  533. self.error = error;
  534. // self.onRejectedCallbacks.forEach(function(callback){callback(self.error)});
  535. for (var i = 0; i < self.onRejectedCallbacks.length; i++) {
  536. self.onRejectedCallbacks[i](self.error);
  537. }
  538. }, 0)
  539. }
  540. }
  541. try {
  542. fn(resolve, reject);
  543. }
  544. catch (e) {
  545. reject(e);
  546. }
  547. }
  548. // 解析放回值
  549. // 用来解析回调函数的返回值x,x可能是普通值也可能是个promise对象
  550. // 因为回调函数既可能会返回一个异步的promise也可能会返回一个同步结果,所以我们把直接把回调函数的结果托管给bridgePromise,使用resolvePromise方法来解析回调函数的结果,如果回调函数返回一个promise并且状态还是pending,就在这个promise的then方法中继续解析这个promise reslove传过来的值,如果值还是pending状态的promise就继续解析,直到不是一个异步promise,而是一个正常值就使用bridgePromise的reslove方法将bridgePromise的状态改为fulfilled,并调用onFulfilledCallbacks回调数组中的方法,将该值传入,到此异步操作就衔接上了。
  551. function resolvePromise(bridgepromise, x, resolve, reject) {
  552. // bridgepromise是桥梁promise,x是桥梁promise中注册的成功回调的返回值,resolve和reject是桥梁promise的状态改变函数
  553. // 2.3.1规范,避免循环引用
  554. // 如果成功回调的值又是桥梁promise就返回循环传参的错误(死循环)
  555. if (bridgepromise === x) {
  556. return reject(new TypeError('Circular reference'));
  557. }
  558. var called = false;
  559. // // 如果x是一个promise,则通过递归
  560. // if (x instanceof MyPromise) {
  561. // //如果这个promise是pending状态,就在它的then方法里继续执行resolvePromise解析它的结果,直到返回值不是一个pending状态的promise为止(这里使用了递归的方法)
  562. // if (x.status === "pending") {
  563. // x.then(
  564. // function(y){
  565. // resolvePromise(bridgepromise, y, resolve, reject);
  566. // },
  567. // function(error){
  568. // reject(error);
  569. // }
  570. // );
  571. // }
  572. // else {
  573. // x.then(resolve, reject);
  574. // }
  575. // }
  576. // else
  577. // // 如果x是一个promise,则继续解析它的状态
  578. if (x != null && ((typeof x === 'object') || (typeof x === 'function'))) {
  579. try {
  580. var then = x.then;
  581. if (typeof then === 'function') {
  582. // then方法的指向传入的桥梁promise,也就是说该桥梁promise调用了then方法并传入了成功回调和失败回调
  583. then.call(
  584. x,
  585. // 传入then的成功回调
  586. function (y) {
  587. if (called) return;
  588. called = true;
  589. // 这里重新解析当前的桥梁promise,至于成功回调的返回值传空(这里目的是通过递归持续判断当前桥梁promise的状态)
  590. resolvePromise(bridgepromise, y, resolve, reject);
  591. },
  592. //传入then的失败回调
  593. function (error) {
  594. if (called) return;
  595. called = true;
  596. reject(error);
  597. }
  598. )
  599. }
  600. // 如果then不是一个函数,则以x为值改变promise状态并延长成功回调列表
  601. else {
  602. resolve(x);
  603. }
  604. }
  605. // 如果在取x.then值时抛出了异常,则以这个异常做为原因将promise拒绝。
  606. catch (e) {
  607. if (called) return;
  608. called = true;
  609. reject(e);
  610. }
  611. }
  612. // 如过x不是一个promise,则改变bridgePromise的状态改为fulfilled,并调用onFulfilledCallbacks回调数组中的方法,将该值传入
  613. else {
  614. resolve(x);
  615. }
  616. }
  617. // 注册回调函数
  618. MyPromise.prototype.then = function (onFulfilled, onRejected) {
  619. var self = this;
  620. // 搭建桥梁promise(即调用为then方法后重新返回一个新的promise对象)
  621. var bridgePromise;
  622. // 防止使用者不传成功或失败回调函数,所以成功失败回调都给了默认回调函数
  623. onFulfilled = typeof onFulfilled === "function" ? onFulfilled : function (value) { return value };
  624. onRejected = typeof onRejected === "function" ? onRejected : function (error) { throw error };
  625. // 如果当前的promise对象是完成状态
  626. // 返回一个新的桥梁promise
  627. if (self.status === "fulfilled") {
  628. return bridgePromise = new MyPromise(function (resolve, reject) {
  629. setTimeout(function () {
  630. try {
  631. // 获取成功回调函数的返回值
  632. var x = onFulfilled(self.value);
  633. // 解析桥梁promise函数
  634. resolvePromise(bridgePromise, x, resolve, reject);
  635. }
  636. catch (e) {
  637. reject(e);
  638. }
  639. }, 0);
  640. })
  641. }
  642. // 如果当前的promise对象是拒绝状态
  643. if (self.status === "rejected") {
  644. return bridgePromise = new MyPromise(function (resolve, reject) {
  645. setTimeout(function () {
  646. try {
  647. var x = onRejected(self.error);
  648. resolvePromise(bridgePromise, x, resolve, reject);
  649. }
  650. catch (e) {
  651. reject(e);
  652. }
  653. }, 0);
  654. });
  655. }
  656. // 如果当前的promise对象是听候状态,则在当前promise对象的成功回调列表和失败回调列表中注入
  657. if (self.status === "pending") {
  658. return bridgePromise = new MyPromise(function (resolve, reject) {
  659. // 注意回调列表是把整个回调函数和回调解析函数一起注入的!!!!!,所以在执行回调时除运行回调函数还要,解析桥梁promise的状态(有可能桥梁promise中也有promise),解析中改变当前promise的状态,若当前promise的状态为完成状态才继续执行下一个注册好的回调
  660. self.onFulfilledCallbacks.push(function (value) {
  661. try {
  662. var x = onFulfilled(value);
  663. resolvePromise(bridgePromise, x, resolve, reject);
  664. }
  665. catch (e) {
  666. reject(e);
  667. }
  668. });
  669. self.onRejectedCallbacks.push(function (error) {
  670. try {
  671. var x = onRejected(error);
  672. resolvePromise(bridgePromise, x, resolve, reject);
  673. }
  674. catch (e) {
  675. reject(e);
  676. }
  677. });
  678. });
  679. }
  680. }
  681. MyPromise.prototype.MyCatch = function (onRejected) {
  682. return this.then(null, onRejected);
  683. }
  684. MyPromise.all = function (promises) {
  685. return new MyPromise(function (resolve, reject) {
  686. var result = [];
  687. var count = 0;
  688. for (var i = 0; i < promises.length; i++) {
  689. // (function(i){
  690. // return promises[i].then(function(data) {
  691. // result[i] = data;
  692. // if (++count == promises.length) {
  693. // resolve(result);
  694. // }
  695. // }, function(error) {
  696. // reject(error);
  697. // });
  698. // })(i)
  699. function closeTemp(i) {
  700. return promises[i].then(function (data) {
  701. result[i] = data;
  702. if (++count == promises.length) {
  703. resolve(result);
  704. }
  705. }, function (error) {
  706. reject(error);
  707. });
  708. }
  709. closeTemp(i)
  710. }
  711. });
  712. }
  713. MyPromise.race = function (promises) {
  714. return new MyPromise(function (resolve, reject) {
  715. for (var i = 0; i < promises.length; i++) {
  716. promises[i].then(function (data) {
  717. resolve(data);
  718. }, function (error) {
  719. reject(error);
  720. });
  721. }
  722. });
  723. }
  724. MyPromise.resolve = function (value) {
  725. return new MyPromise(function (resolve) {
  726. resolve(value);
  727. });
  728. }
  729. MyPromise.reject = function (error) {
  730. return new MyPromise(function (resolve, reject) {
  731. reject(error);
  732. });
  733. }
  734. MyPromise.promisify = function (fn) {
  735. return function () {
  736. var args = Array.from(arguments);
  737. return new MyPromise(function (resolve, reject) {
  738. fn.apply(null, args.concat(function (err) {
  739. err ? reject(err) : resolve(arguments[1])
  740. }));
  741. })
  742. }
  743. }
  744. window.MyPromise = MyPromise;
  745. })(window);