如何从箭头函数中为变量赋值？

Question

var canv = document.getElementById("c")
var theFile

canv.toBlob(blob => {
  theFile = blob
})

console.log(theFile)

为什么文件被记录为未定义？我如何实际将blob的值分配给TheFile并使它在箭头函数之外持续存在？

canv是我尝试转换为blob的canvas元素，如果我在函数中进行控制台日志，它将返回预期的值。