利用 leanCloud 实现点赞功能

   var URL = location.pathname,  //获取纯 url 防止重复筛选
        el = document.getElementById("counter"),  //写入元素
        el_ = document.getElementById("like");  //点击元素

    const likeCount = AV.Object.extend("likeCount"),  //为 AV.Object 创建子类
          likeDemo = new likeCount(),  //为该类创建一个新实例
          getCounter = new AV.Query("likeCount"),  //使用 AV.Object 的构造器
          getCount = getCounter.equalTo("url",URL);  //用于筛选指定 url 的 like 计数

getCount.find().then(results => {
    getCount.find().then(results => {
        //成功返回数据=>获取云端计数=>写入到元素 || 返回空数据=>写入到元素
        results.length>=1 ? el.innerHTML = results[0].attributes.num : el.innerHTML = 0;
    });
});

   el_.onclick=function(){  //元素点击函数
        getCount.find().then(results => {
            if(results.length>=1){  //成功返回数据（已创建对象，更新 num 数据）
                let countNUM = results[0].attributes.num,  //获取云端计数
                    objId = results[0].id;  //获取当前页面 id
                countNUM++;  //本地计数++
                el.innerHTML = countNUM;  //写入本地计数到元素
                const increase = AV.Object.createWithoutData('likeCount', objId);  //获取当前页面 id 的云端对象
                increase.increment('num', 1);  //使用 increment 函数更新云端对象的 num 属性
                //储存（更新）对象到云端
                increase.save().then(increase => {
                    console.log("Update Successfully.");
                }, error => {
                    console.log("Update Error.")
                })
            }else{  //返回空数据（未创建对象，第一次创建num+url）
                let countNUM = 0,  //初始化本地计数
                    countURL = URL;  //获取当前 url
                countNUM++;  //本地计数++
                el.innerHTML = countNUM;  //写入本地计数到元素
                //储存 num（本地计数） 和 url（当前url） 对象到云端
                likeDemo.save({
                    'num': countNUM,
                    'url': countURL
                }).then(result => {
                    console.log("Save Successfully.");
                }, error => {
                    console.log("Save Error.")
                })
            }
        })
    }

   if(el_!=null && el_!=undefined){
        //..
    }

var URI = location,
    URL = URI.pathname,
    el = document.getElementById("counter"),
    el_ = document.getElementById("like"),
    els = document.getElementById("viewer"),
    COUNTER = AV.Object.extend("COUNTER"),
    countDemo = new COUNTER(),
    getCounter = new AV.Query("COUNTER"),
    urlCheck = getCounter.equalTo("url",URL);
//定义数据储存函数
const saveAttr=(like,view)=>{
    let countURL = URL;
    countDemo.save({
        'like': like,
        'view': view,
        'url': countURL
    }).then(result => {
        console.log("Save Successfully.")
    }, error => {
        console.log("Save Error.")
    })
},
//定义数据更新函数
updateAttr=(id,attr,num)=>{
    let increase = AV.Object.createWithoutData('COUNTER', id);
    increase.increment(attr, num);
    increase.save().then(increase => {
        console.log("Update Successfully.")
    }, error => {
        console.log("Update Error.")
    })
};
// 首次（刷新）访问页面执行 query.view+like autoCheck
urlCheck.find().then(results => {
    if(results.length>=1){
        //返回有数据时
        let upAttr = 'view',  //需要获取的数据属性名
            objId = results[0].id,  //云端id
            viewNum = results[0].attributes.view,  //获取云端 view 数据
            likeNum = results[0].attributes.like;  //获取云端 like 数据
        viewNum++;  //更新 view 数据
        el!=null&&likeNum!=undefined ? el.innerHTML=likeNum : el.innerHTML=0;   //满足条件写入元素
        updateAttr(objId,upAttr,1);  //调用数据更新函数发送到云端
        els!=null ? els.innerHTML = viewNum : false;  //update之后执行（即使没有找到可用计数器也能记录并发送数据）
    }else{
        //返回空数据时
        var likeNum = viewNum = 0;  //第一次访问（刷新）页面初始化 view/like
        el.innerHTML = likeNum;  //写入空数据到元素
        viewNum++;  //更新 view 数据
        els!=null ? els.innerHTML = viewNum : false;  //满足条件写入元素
        saveAttr(likeNum,viewNum)  //调用数据储存函数发送到云端
    }
});
//点击按钮执行 query.like Click
var timer;
el_.onclick=function(){
    clearTimeout(timer);
    timer = setTimeout(function(){
        urlCheck.find().then(results => {
            if(results.length>=1){
                //返回有数据时
                let upAttr = 'like',  //需要获取的数据属性名
                    objId = results[0].id,  //云端id
                    likeNum = results[0].attributes.like;  //获取云端 like 数据
                //likeNum==undefined ? likeNum=0 : likeNum;  //判断 like 数据是否未定义再执行（已废除，第一次访问页面会初始化点击次数）
                likeNum++;  //更新 like 数据
                el.innerHTML=likeNum;  //写入数据到元素
                updateAttr(objId,upAttr,1) //调用数据更新函数发送到云端
            }else{
                console.log("data init error!")
                /*/返回空数据时（已废除，首次访问页面即可完成数据初始化）
                var likeNum = 0,
                    viewNum;
                likeNum++;
                el.innerHTML = likeNum;
                saveAttr(likeNum,viewNum)  //调用数据储存函数发送到云端*/
            }
        })
    }, 1000);
}