请问cancel的问题

import axios from 'axios';
import {SUCC_CODE, TIMEOUT} from './config';

const CancelToken = axios.CancelToken;
let cancel;
// 获取内容数据--ajax
export const getCategoryContent = (id) => {
 
 cancel && cancel('取消了前一次的请求！');
 console.log(cancel)
 cancel = null;
 console.log(cancel)
 return axios.get(`http://www.imooc.com/api/category/content/${id}`, {
   timeout: TIMEOUT,
   cancelToken: new CancelToken(function executor(c) {
     cancel = c;
   })
 }).then(res => {
   if (res.data.code === SUCC_CODE) {
     console.log('ok');
     return res.data.content;
   }
   throw new Error('没有成功获取到数据！');
 }).catch(err => {
   if (axios.isCancel(err)) { // 取消前一次的请求
     console.log(err);
   } else {
     // handle error
     console.log(err);
   }
 })

};

第一次发送ajax请求，第10行的打印为undefined，第12行打印为null。然后第一次ajax请求完成后，在点击发送第二次ajax请求，第10行打印的是一个函数。请问老师，然后根据cancel && cancel('取消了前一次的请求！'); 第二次发送ajax请求时也是执行cancel了吧，但是第二次还是能正常返回了数据，实际上第二次没有执行cancel。请问cancel应该是取消状态为pending的请求吗？

然后是cancel=null的问题，请问这是有什么用。麻烦老师了