淺析JS中回調(diào)函數(shù)及用法

function getdata(callback){
 //這里我們假設(shè)是從后端獲取數(shù)據(jù)
 setTimeout(function(){
 //假設(shè)我們獲取到數(shù)據(jù)info
 var info = {
 "id":1,
 "name":'張三'
 }
 //得到數(shù)據(jù)以后執(zhí)行函數(shù)方法
 callback(info)//這個就是回調(diào)函數(shù)
 },1000)

getdata(check)
 function getdata(callback){
 //這里我們假設(shè)是從后端獲取數(shù)據(jù)
 setTimeout(function(){
 //假設(shè)我們獲取到數(shù)據(jù)info
 var info = {
 "id":1,
 "name":'張三'
 }
 //得到數(shù)據(jù)以后執(zhí)行函數(shù)方法
 callback(info)//這個就是回調(diào)函數(shù)
 },1000)
 }
function check(data){
 if(data.id==1){
 console.log('驗證成功，可以通過')
 }
}

//vue框架的應(yīng)用，其他框架的可以自行修改！！！
//用戶權(quán)限驗證實例：
created(){//在這個鉤子函數(shù)中取執(zhí)行獲取數(shù)據(jù)的方法，將驗證方法作為回調(diào)傳入
 getdata(check)
 }
 methods:{//在這里面，首先你得有created鉤子函數(shù)中用到的那兩個方法
 function getdata(callback){//向后端請求用戶信息
 //這里我們假設(shè)是從后端獲取數(shù)據(jù)
 setTimeout(function(){
 //假設(shè)我們獲取到數(shù)據(jù)info
 var info = {
 "id":1,
 "name":'張三'
 }
 //得到數(shù)據(jù)以后執(zhí)行函數(shù)方法
 callback(info)//這個就是回調(diào)函數(shù)，得到用戶信息后去驗證他的權(quán)限
 },1000)
 }
function check(data){//驗證用戶權(quán)限
 if(data.id==1){//驗證權(quán)限的條件，根據(jù)實際設(shè)定
 console.log('驗證成功，可以通過')//權(quán)限通過，可以做什么
 }else{
 console.log('驗證失敗，禁止通行')//沒有權(quán)限，可以做什么
 }
}
 }