es6基础笔记(二)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script >
        // 创建一个类
        // class Animal{
        //     this.name=name;
        //     yiel(){
        //         console.log("我开始咆哮");
        //     }
        // }
        // // 实例化对象
        // var an =new Animal("野兽")
        
        // calss cat extends Animal{
        //     constructor(name,color){
        //         // 父类构造函数
        //         super(name);
        //         this.color=color;
        //     }
        //     skill(){
        //         console.log(``);
        //     }
        // }
        // 集合:元素不重复
        // set用于数组的去重
        // var arr =[1,2,3,4,1,2,3,];
        // // var a =new Set(arr);
        // var a =[...new Set(arr)]
        // console.log(a)
        
        // 可以被for of 遍历的有  string  array  set 集合  map 图
        // var arr=["大漂亮","剑帝","五星斗帝"];
        // for(let a of arr){
        //     console.log(a);
        // }
        // keys  键的结合
        // for(a of arr.keys()){
        //     console.log(a);
        // }
        // values 值得集合
        // for(a of arr.values()){
        //     console.log(a);
        // }
        // entries  键与值的结合
        // for([a,b] of arr.entries()){
        //     console.log(a,b);
        // }
        // Promise  主要做异步任务(需要时间等待)任务
        // 小何对她承诺,明天我们去吃海底捞
        // 小何不能立即兑现,要延时3000ms
        
        // var p =new Promise((resolve,reject)=>{
        //     setTimeout(()=>{
        //         var nub = Math.random();
        //         if(nub>0.5){
        //             resolve("明天我请你吃海底捞")
        //             // 可以兑现
        //         }else{
        //             reject("不是说好的明天吗?")
        //             // 不能兑现
        //         }
        //     },3000)
        // });
        // // 然后
        // p.then(res=>{
        //     console.log(res);
        // })
        // .catch(err=>{
        //     console.log(err);
        // })
        
        
        
        
        
        // function say(a ,b){
        //     return new Promise((resolve,reject)=>{
        //         setTimeout(()=>resolve(a),b)
                
        //     })
        // }
        // say("你好很高兴认识你",2000)
        // .then(res=>{
        //     console.log(res);
        //     return say("咱们能加个微信吗?",3000)
        // })
        // .then(res=>{
        //     console.log(res);
        //     return say("请问你能够埋葬在我家祖坟吗?",5000)
        // })
        // .then(res=>{
        //     console.log(res);
        // })
        
        
        
        
        
        // 1. 获取当前的地址
          //  2. 获取当前的天气(用到地址)
          // 接口 城市 https://apis.map.qq.com/ws/location/v1/ip?key=3BFBZ-ZKD3X-LW54A-ZT76D-E7AHO-4RBD5&output=jsonp
          // 接口 天气 http://wis.qq.com/weather/common?weather_type=observe|forecast_24h|air&source=pc&province=河南省&city=郑州市
          // function getApi(url){
             //   return new Promise((resolve,reject)=>{
                //    $.ajax({
                //        url,
                //        dataType:"jsonp",
                //        success(res){resolve(res)  },
                //        error(err){reject(err)}
                //    })
             //   })
          // }
          // var url1 = `https://apis.map.qq.com/ws/location/v1/ip?key=3BFBZ-ZKD3X-LW54A-ZT76D-E7AHO-4RBD5&output=jsonp`;
          // getApi(url1)
          // .then(res=>{
             //   console.log(res);
             //    var ad_info = res.result.ad_info;
             //   $(".city").html(ad_info.city);      
             //   var url2 = `http://wis.qq.com/weather/common?weather_type=observe|forecast_24h|air&source=pc&province=${ad_info.province}&city=${ad_info.city}`
             //   return getApi(url2)
          // })
          // .then(res=>{
             //   console.log(res)
             //   $(".degree").html(res.data.observe.degree)
             //   $(".weather").html(res.data.observe.weather) 
          // })
        /*  function getLocation(){
              return new Promise(function(reslove,reject){
                  $.ajax({
                      url:"https://apis.map.qq.com/ws/location/v1/ip?key=3BFBZ-ZKD3X-LW54A-ZT76D-E7AHO-4RBD5&output=jsonp",
                      type:"GET",
                      dataType:"JSONP",
                      success:function(res){
                         console.log(res);
                         $(".city").html(res.result.ad_info.city);
                         // 显示城市
                         reslove(res.result.ad_info);//兑现承诺 地址信息; 
                      }
        
                  })
              })
          }
        
          function getWeather(data){
               return new Promise(function(reslove,reject){
                   $.ajax({
                       url:``,
                       type:"GET",
                       dataType:"JSONP",
                       success:function(res){
                           console.log(res)
                           $(".degree").html(res.data.observe.degree)
                           $(".weather").html(res.data.observe.weather) 
                           // 显示天气
                           reslove(res); //兑现承诺   天气信息
                       }
                   })
               })
          }
        
          getLocation()
          .then(getWeather) */
    </script>
</html>

附加图片解析

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值