专业的编程技术博客社区

网站首页 > 博客文章 正文

1、基础小知识-Javascript-Es6-Promise

baijin 2024-09-26 06:56:55 博客文章 3 ℃ 0 评论

javascript作为前端的主要语言,日常接触也比较多,哈哈哈!更新换代也好快哦。

也许你了解过ECMAScript6 ,今天就说下es6的新特性Promise 的基础用法。

1、首先我们先新建一个实例看下,例如:

const promise = new Promise((resolve, reject) => {
    if (success) {
        resolve(); 
    } else {
        reject(error); 
    }
});

新建一个 Premise 实例,通过匿名函数接收两个函数作为参数,分别是resolvereject

成功则执行 resolve() , 失败则执行 reject()

实战:如果你接触过 vue 的话 ,我们会经常使用 axios ,axios 跟 ajax 写法上有点不同,分析下情况:

1、axios

this.axios(url).then((result)=>{

window.console.log(result)

}).catch((err)=>{

window.console.log(err)

})

2、ajax

this.ajax(
url:url,
success:()=>{
window.console.log(result)
},
  error(xhr,status,error)

})

由于 ajax 经常是是用到,我们可以结合Premise进行封装


function axiso(url , json){
   return new Promise(new Promise((resolve, reject) => {
 				  $.ajax({
   							url : url,
                type:json.type
                success: resolve()
  				 })
   })
}

基本信息封装成功,剩下的按需求进行配置。

封装后的方法使用,则与 axios  的实现一致  , 调用封装后的 ajax
this.axios("请求的url地址","json格式的参数").then(
  (result)=>{
    wndow.console.log(result)
   }
)

最后,嗯嗯嗯嗯。。。不知道要说啥!学到老活到老,编辑得有点丑。

---小白知识,大神勿喷,只想分享点心得。


记录编辑,好累,下期想说下 es7 awit 和 es6 Premise 的结合使用一个实战。


Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表