你不知道的 JavaScript 系列中, 3 - typeof Undeclared

该安全防范机制对在浏览器中运行的 JavaScript 代码来说还是很有帮助的

检查全局变量是否已被声明

在程序中使用全局变量 DEBUG 作为调试模式的开关。在输出调试信息到控制台之前,检查变量是否已被声明。顶层的全局变量声明 var DEBUG = true 只在 debug.js 文件中才有,而该文件只在开发和测试时才被加载到浏览器,在生产环境中不予加载。问题是如在程序中检查全局变量 DEBUG 才不会出现 ReferenceError 错误。这时 typeof 的安全防范机制就成了我们的好帮手

// 这样会抛出错误
if(DEBUG){
  console.log('Debugging is starting')
}

// 这样是安全的
if(typeof DEBUG !== 'undefined') {
  console.log('Debugging is starting')
}

这不仅对用户定义对变量有用,对内建的 API 也有帮助

if(typeof atob === 'undefined'){
  atob = function(){/***/}
}

typeof 的安全防范机制对于非全局变量也很管用

如果想让别人在他们的程序或者模块中复制粘贴你的代码,就需要检查你用到的变量是否已经在宿主程序中定义过

(function() {
  function FeatureXYZ() {}
 
  function doSomethingColl(){
    var helper = (typeof FeatureXYZ !== 'undefined') ? FeatureXYZ : function() {}
  }

  doSomethingColl();
})()