common.js 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832
  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. isPhone: function (phone) { // 判断是否为有效手机号
  257. if (!(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/.test(phone))) {
  258. return false;
  259. } else {
  260. return true
  261. }
  262. },
  263. timestamp: function (time) { // 转换时间格式
  264. var sec = Math.floor(time % 60)
  265. var min = Math.floor(time / 60 % 60)
  266. var hour = Math.floor(time / 60 / 60)
  267. sec = sec < 10 ? '0' + sec : sec
  268. min = min < 10 ? '0' + min : min
  269. hour = hour < 10 ? '0' + hour : hour
  270. var timeStr = hour + ':' + min + ':' + sec;
  271. return timeStr
  272. },
  273. /* ====================================================================================== */
  274. Debuglog: function (text) { // 弹窗,用于测试
  275. if (typeof printWind == "undefined") {
  276. window.printWind = document.createElement("div");
  277. window.inner = document.createElement("div");
  278. inner.style.width = "600px";
  279. inner.style.position = "absolute";
  280. inner.style.right = "0px";
  281. printWind.appendChild(inner);
  282. printWind.style.position = "fixed";
  283. printWind.style.right = "0";
  284. printWind.style.top = "0";
  285. printWind.style.background = "rgba(0,0,0,0.6)";
  286. printWind.style.zIndex = "99999";
  287. printWind.style.padding = "20px";
  288. printWind.style.fontSize = "20px";
  289. printWind.style.width = "600px";
  290. printWind.style.height = "600px";
  291. printWind.style.color = "#0aff08";
  292. document.body.appendChild(printWind);
  293. }
  294. var para = document.createElement("p"); //创建新的<p> 元素
  295. para.innerHTML = text;
  296. para.setAttribute("class", "newLine");
  297. para.style.padding = "5px";
  298. inner.appendChild(para);
  299. var a = inner.clientHeight - 600;
  300. inner.style.top = -a + "px";
  301. },
  302. tips: function (text, time) {
  303. time = time ? time : 1500;
  304. var para = document.createElement("div"); //创建新的<p> 元素
  305. para.innerHTML = text;
  306. para.style.zIndex = 10000;
  307. para.style.borderRadius = '9px'
  308. para.style.backgroundColor = '#287AFF'
  309. para.style.textAlign = 'center'
  310. para.style.color = '#FFF'
  311. para.style.position = 'absolute'
  312. para.style.fontSize = '20px'
  313. para.style.left = '450px'
  314. para.style.top = '250px'
  315. para.style.padding = '7px 27px'
  316. para.style.width = '380px'
  317. para.style.wordBreak = 'break-all'
  318. para.style.display = 'block'
  319. document.body.appendChild(para);
  320. setTimeout(function () {
  321. document.body.removeChild(para);
  322. }, time);
  323. },
  324. /* ====================================================================================== */
  325. STBUtil: {
  326. /**
  327. * 通过键值获取机顶盒对应信息
  328. * @param name [参数名] ex:UserToken--用户token,EPGDomain--EPG域名,areaid--地区编码,templateName--当前用户模板
  329. * @return []
  330. */
  331. getSTBKey: function (name) {
  332. var value = '';
  333. if (typeof (Authentication) === "object") {
  334. if (Authentication.CTCGetConfig) {
  335. value = Authentication.CTCGetConfig(name);
  336. } else if (Authentication.CUGetConfig) {
  337. value = Authentication.CUGetConfig(name);
  338. }
  339. }
  340. return value;
  341. },
  342. /**
  343. * 通过键值设置机顶盒对应信息
  344. * @param name [参数名]
  345. * @param value [参数值]
  346. */
  347. setSTBKey: function (name, value) {
  348. if (typeof (Authentication) === "object") {
  349. Authentication.CTCSetConfig(name, value);
  350. }
  351. },
  352. /**
  353. * 获取机顶盒 用户账号/业务账号
  354. * @return {string}
  355. */
  356. getSTBUserId: function () {
  357. var userId = '';
  358. try{
  359. if (typeof (Authentication) == 'object') {
  360. // 此方法经测试目前可以获取到华为,中兴,创维三款机顶盒型号
  361. userId = Authentication.CTCGetConfig('UserID');
  362. if (!userId){
  363. userId = Authentication.CUGetConfig("UserID");
  364. }
  365. //烽火的机顶盒
  366. if(!userId){
  367. userId =Authentication.CTCGetConfig("device.userid");
  368. }
  369. //中兴老的盒子获取机顶盒型号的方法
  370. if(!userId && typeof(ztebw) == 'object' ){
  371. stbModel = ztebw.ioctlRead("infoZTEHWType");
  372. if(!stbModel) {
  373. stbModel = ztebw.ioctlRead("infoHWProduct");
  374. }
  375. }
  376. }
  377. else{
  378. console.log("不支持Authentication!");
  379. }
  380. }
  381. catch(e){
  382. userId = '';
  383. }
  384. return userId;
  385. },
  386. /**
  387. * 获取机顶盒 设备ID
  388. * @return {string}
  389. */
  390. getSTBId: function () {
  391. var stbId = "";
  392. if (typeof (Authentication) == "object") {
  393. stbId = Authentication.CTCGetConfig("STBID");
  394. if (!stbId) {
  395. stbId = Authentication.CUGetConfig("STBID");
  396. }
  397. if (!stbId) {
  398. stbId = Authentication.CTCGetConfig("device.stbid"); // 烽火的机顶盒
  399. }
  400. }
  401. // 广西广电获取stbId
  402. if (!stbId && typeof (guangxi) === "object") {
  403. stbId = guangxi.getStbNum();
  404. }
  405. return stbId;
  406. },
  407. /**
  408. * 获取机顶盒型号
  409. * @return {string}
  410. */
  411. getSTBModel: function () {
  412. var stbModel = '';
  413. try{
  414. //此方法经测试目前可以获取到华为,中兴,创维三款机顶盒型号
  415. stbModel = Authentication.CTCGetConfig('STBType');
  416. if (!stbModel){
  417. stbModel = Authentication.CUGetConfig("STBType");
  418. }
  419. //烽火的机顶盒
  420. if(!stbModel){
  421. stbModel = Authentication.CTCGetConfig("device.stbmodel");
  422. }
  423. //中兴老的盒子获取机顶盒型号的方法
  424. if(!stbModel && typeof(ztebw) == 'object' ){
  425. stbModel = ztebw.ioctlRead("infoZTEHWType");
  426. if(!stbModel){
  427. stbModel = ztebw.ioctlRead("infoHWProduct");
  428. }
  429. }
  430. }
  431. catch(e){
  432. console.log("不支持获取机顶盒型号!");
  433. }
  434. return stbModel;
  435. },
  436. /**
  437. * 获取机顶盒mac地址
  438. * @return {string}
  439. */
  440. getSTBMac: function () {
  441. if (window.isWinOS) { //Windows操作系统
  442. return "00-00-00-00-00-00";
  443. }
  444. var mac = "";
  445. if (typeof (Authentication) == "object") {
  446. try {
  447. mac = Authentication.CUGetConfig("mac");
  448. if (!mac && typeof (ztebw) == "object") {
  449. var stbId = ztebw.ioctlRead("infoHWSN");
  450. mac = stbId.substring(stbId.length - 12);
  451. }
  452. if (!mac) {
  453. mac = Authentication.CTCGetLocalMAC();
  454. }
  455. } catch (e) { }
  456. }
  457. // 广西广电获取mac
  458. if (!mac && typeof iPanel === "object") {
  459. mac = iPanel.getGlobalVar("MAC_ETH0");
  460. }
  461. // 长虹机顶盒获取mac(四川广电)
  462. if (!mac && typeof (Ethernet) === "object") {
  463. mac = Ethernet.MACAddress;
  464. }
  465. if (mac) {
  466. while (mac.indexOf(":") !== -1) {
  467. mac = mac.replace(":", "");
  468. }
  469. } else {
  470. mac = "00-00-00-00-00-00";
  471. }
  472. return mac;
  473. },
  474. /**
  475. * 获取 EPG大厅地址
  476. * @return {string}
  477. */
  478. getEPGDomain: function () {
  479. var epgDomain = "";
  480. if (typeof (Authentication) == "object") {
  481. epgDomain = Authentication.CTCGetConfig("EPGDomain");
  482. if (!epgDomain) {
  483. epgDomain = Authentication.CUGetConfig("EPGDomain");
  484. }
  485. if (typeof epgDomain === "undefined" || epgDomain == null) {
  486. epgDomain = "";
  487. }
  488. }
  489. return epgDomain;
  490. },
  491. /**
  492. * 获取 UserToken
  493. * @return {string}
  494. */
  495. getUserToken: function () {
  496. var userToken = "";
  497. if (typeof (Authentication) == "object") {
  498. userToken = Authentication.CTCGetConfig("UserToken");
  499. if (!userToken) {
  500. userToken = Authentication.CUGetConfig("UserToken");
  501. }
  502. if (!userToken) {
  503. userToken = Authentication.CTCGetConfig("device.usertoken");
  504. }
  505. }
  506. return userToken;
  507. },
  508. }
  509. };
  510. // promise插件
  511. (function (window) {
  512. // 参考Joe-Xie:https://www.cnblogs.com/XieJunBao/p/9156134.html
  513. // 原生封装promise为了应对低版本浏览器不兼容问题
  514. // 异步串行思路:promise执行then是注册回调函数,then有多个就可以注册多个回调函数,但是若多个回调都是异步执行的,那我们要等上一个异步结束后才执行下一个异步,这是时候就需要上一个异步操作完成后,把这个完成状态告诉下一个回调,这样才可以异步串行。为了解决这个问题我们把异步完成状态托管给promise去管理
  515. // 流程:第一步注册:链式调用then函数,每执行一个then函数,返回一个桥梁promise(then函数中的成功回调和失败回调是写入这个promise的回调列表中的,注意成功回调的功能除了执行本身函数外还要更新下一个promise的状态)
  516. // 第二步执行:第一个promise的异步执行完,开始执行第一个promise的回调函数(回调函数又分两步走:第一步:resolvePromise解析回调返回值(如果是promise则说明是异步,就需要继续解析直到不是promise而是一个具体的值),第二步:当回调返回的值是一个具体值而不是promise时,调用第二个proomise的reslove方法将第二个proomise的状态更新为fulfilled,并将第一个promise的回调的值传入p2的回调函数中去执行)
  517. function MyPromise(fn) {
  518. var self = this;
  519. // 成功回调传的参数
  520. self.value = null;
  521. // 失败回调传的参数
  522. self.error = null;
  523. // 当前promise对象的状态
  524. self.status = "pending";
  525. // 存储成功回调列表
  526. self.onFulfilledCallbacks = [];
  527. // 存储失败回调列表
  528. self.onRejectedCallbacks = [];
  529. // 状态改变并执行回调
  530. // 成功
  531. function resolve(value) {
  532. // 判断传入参数是否由MyPromise构造的对象,若是,注册该函数
  533. if (value instanceof MyPromise) {
  534. return value.then(resolve, reject);
  535. }
  536. // 判断
  537. if (self.status === "pending") {
  538. setTimeout(function () {
  539. self.status = "fulfilled";
  540. self.value = value;
  541. // 执行成功回调
  542. // self.onFulfilledCallbacks.forEach(function(callback){callback(self.value)});
  543. // 向下兼容forEach
  544. for (var i = 0; i < self.onFulfilledCallbacks.length; i++) {
  545. self.onFulfilledCallbacks[i](self.value);
  546. }
  547. }, 0)
  548. }
  549. }
  550. // 失败
  551. function reject(error) {
  552. if (self.status === "pending") {
  553. setTimeout(function () {
  554. self.status = "rejected";
  555. self.error = error;
  556. // self.onRejectedCallbacks.forEach(function(callback){callback(self.error)});
  557. for (var i = 0; i < self.onRejectedCallbacks.length; i++) {
  558. self.onRejectedCallbacks[i](self.error);
  559. }
  560. }, 0)
  561. }
  562. }
  563. try {
  564. fn(resolve, reject);
  565. }
  566. catch (e) {
  567. reject(e);
  568. }
  569. }
  570. // 解析放回值
  571. // 用来解析回调函数的返回值x,x可能是普通值也可能是个promise对象
  572. // 因为回调函数既可能会返回一个异步的promise也可能会返回一个同步结果,所以我们把直接把回调函数的结果托管给bridgePromise,使用resolvePromise方法来解析回调函数的结果,如果回调函数返回一个promise并且状态还是pending,就在这个promise的then方法中继续解析这个promise reslove传过来的值,如果值还是pending状态的promise就继续解析,直到不是一个异步promise,而是一个正常值就使用bridgePromise的reslove方法将bridgePromise的状态改为fulfilled,并调用onFulfilledCallbacks回调数组中的方法,将该值传入,到此异步操作就衔接上了。
  573. function resolvePromise(bridgepromise, x, resolve, reject) {
  574. // bridgepromise是桥梁promise,x是桥梁promise中注册的成功回调的返回值,resolve和reject是桥梁promise的状态改变函数
  575. // 2.3.1规范,避免循环引用
  576. // 如果成功回调的值又是桥梁promise就返回循环传参的错误(死循环)
  577. if (bridgepromise === x) {
  578. return reject(new TypeError('Circular reference'));
  579. }
  580. var called = false;
  581. // // 如果x是一个promise,则通过递归
  582. // if (x instanceof MyPromise) {
  583. // //如果这个promise是pending状态,就在它的then方法里继续执行resolvePromise解析它的结果,直到返回值不是一个pending状态的promise为止(这里使用了递归的方法)
  584. // if (x.status === "pending") {
  585. // x.then(
  586. // function(y){
  587. // resolvePromise(bridgepromise, y, resolve, reject);
  588. // },
  589. // function(error){
  590. // reject(error);
  591. // }
  592. // );
  593. // }
  594. // else {
  595. // x.then(resolve, reject);
  596. // }
  597. // }
  598. // else
  599. // // 如果x是一个promise,则继续解析它的状态
  600. if (x != null && ((typeof x === 'object') || (typeof x === 'function'))) {
  601. try {
  602. var then = x.then;
  603. if (typeof then === 'function') {
  604. // then方法的指向传入的桥梁promise,也就是说该桥梁promise调用了then方法并传入了成功回调和失败回调
  605. then.call(
  606. x,
  607. // 传入then的成功回调
  608. function (y) {
  609. if (called) return;
  610. called = true;
  611. // 这里重新解析当前的桥梁promise,至于成功回调的返回值传空(这里目的是通过递归持续判断当前桥梁promise的状态)
  612. resolvePromise(bridgepromise, y, resolve, reject);
  613. },
  614. //传入then的失败回调
  615. function (error) {
  616. if (called) return;
  617. called = true;
  618. reject(error);
  619. }
  620. )
  621. }
  622. // 如果then不是一个函数,则以x为值改变promise状态并延长成功回调列表
  623. else {
  624. resolve(x);
  625. }
  626. }
  627. // 如果在取x.then值时抛出了异常,则以这个异常做为原因将promise拒绝。
  628. catch (e) {
  629. if (called) return;
  630. called = true;
  631. reject(e);
  632. }
  633. }
  634. // 如过x不是一个promise,则改变bridgePromise的状态改为fulfilled,并调用onFulfilledCallbacks回调数组中的方法,将该值传入
  635. else {
  636. resolve(x);
  637. }
  638. }
  639. // 注册回调函数
  640. MyPromise.prototype.then = function (onFulfilled, onRejected) {
  641. var self = this;
  642. // 搭建桥梁promise(即调用为then方法后重新返回一个新的promise对象)
  643. var bridgePromise;
  644. // 防止使用者不传成功或失败回调函数,所以成功失败回调都给了默认回调函数
  645. onFulfilled = typeof onFulfilled === "function" ? onFulfilled : function (value) { return value };
  646. onRejected = typeof onRejected === "function" ? onRejected : function (error) { throw error };
  647. // 如果当前的promise对象是完成状态
  648. // 返回一个新的桥梁promise
  649. if (self.status === "fulfilled") {
  650. return bridgePromise = new MyPromise(function (resolve, reject) {
  651. setTimeout(function () {
  652. try {
  653. // 获取成功回调函数的返回值
  654. var x = onFulfilled(self.value);
  655. // 解析桥梁promise函数
  656. resolvePromise(bridgePromise, x, resolve, reject);
  657. }
  658. catch (e) {
  659. reject(e);
  660. }
  661. }, 0);
  662. })
  663. }
  664. // 如果当前的promise对象是拒绝状态
  665. if (self.status === "rejected") {
  666. return bridgePromise = new MyPromise(function (resolve, reject) {
  667. setTimeout(function () {
  668. try {
  669. var x = onRejected(self.error);
  670. resolvePromise(bridgePromise, x, resolve, reject);
  671. }
  672. catch (e) {
  673. reject(e);
  674. }
  675. }, 0);
  676. });
  677. }
  678. // 如果当前的promise对象是听候状态,则在当前promise对象的成功回调列表和失败回调列表中注入
  679. if (self.status === "pending") {
  680. return bridgePromise = new MyPromise(function (resolve, reject) {
  681. // 注意回调列表是把整个回调函数和回调解析函数一起注入的!!!!!,所以在执行回调时除运行回调函数还要,解析桥梁promise的状态(有可能桥梁promise中也有promise),解析中改变当前promise的状态,若当前promise的状态为完成状态才继续执行下一个注册好的回调
  682. self.onFulfilledCallbacks.push(function (value) {
  683. try {
  684. var x = onFulfilled(value);
  685. resolvePromise(bridgePromise, x, resolve, reject);
  686. }
  687. catch (e) {
  688. reject(e);
  689. }
  690. });
  691. self.onRejectedCallbacks.push(function (error) {
  692. try {
  693. var x = onRejected(error);
  694. resolvePromise(bridgePromise, x, resolve, reject);
  695. }
  696. catch (e) {
  697. reject(e);
  698. }
  699. });
  700. });
  701. }
  702. }
  703. MyPromise.prototype.MyCatch = function (onRejected) {
  704. return this.then(null, onRejected);
  705. }
  706. MyPromise.all = function (promises) {
  707. return new MyPromise(function (resolve, reject) {
  708. var result = [];
  709. var count = 0;
  710. for (var i = 0; i < promises.length; i++) {
  711. // (function(i){
  712. // return promises[i].then(function(data) {
  713. // result[i] = data;
  714. // if (++count == promises.length) {
  715. // resolve(result);
  716. // }
  717. // }, function(error) {
  718. // reject(error);
  719. // });
  720. // })(i)
  721. function closeTemp(i) {
  722. return promises[i].then(function (data) {
  723. result[i] = data;
  724. if (++count == promises.length) {
  725. resolve(result);
  726. }
  727. }, function (error) {
  728. reject(error);
  729. });
  730. }
  731. closeTemp(i)
  732. }
  733. });
  734. }
  735. MyPromise.race = function (promises) {
  736. return new MyPromise(function (resolve, reject) {
  737. for (var i = 0; i < promises.length; i++) {
  738. promises[i].then(function (data) {
  739. resolve(data);
  740. }, function (error) {
  741. reject(error);
  742. });
  743. }
  744. });
  745. }
  746. MyPromise.resolve = function (value) {
  747. return new MyPromise(function (resolve) {
  748. resolve(value);
  749. });
  750. }
  751. MyPromise.reject = function (error) {
  752. return new MyPromise(function (resolve, reject) {
  753. reject(error);
  754. });
  755. }
  756. MyPromise.promisify = function (fn) {
  757. return function () {
  758. var args = Array.from(arguments);
  759. return new MyPromise(function (resolve, reject) {
  760. fn.apply(null, args.concat(function (err) {
  761. err ? reject(err) : resolve(arguments[1])
  762. }));
  763. })
  764. }
  765. }
  766. window.MyPromise = MyPromise;
  767. })(window);