javascript – 如何确定变量是否未定义

参见英文答案 > How to check for “undefined” in JavaScript? 16个
在关于SO的另一个问题中,我正在确定如何切换一个函数,工作解决方案是这样的：

我把var disabledFlag = true;在我的页面的head部分和调用shell.js之前,然后在shell.js中我有：

/*******************************/
/*  TOGGLE BUTTON
/*******************************/
var toggleBlock = function() {
    console.log(disabledFlag);
    if(!disabledFlag){
      var windowsize = $(window).width(),isDesktop = windowsize > 765;
      $("#quicksearch").toggleClass("collapse in",isDesktop);
      $("#quicksearch").toggleClass("collapse out",!isDesktop);
      $("#sidebar").toggleClass("collapse in",isDesktop);
      $("#sidebar").toggleClass("collapse out",!isDesktop);
    }
    else {
      $("#quicksearch").addClass("collapse out");
      $("#sidebar").addClass("collapse out");  
    }
}
$(document).ready(toggleBlock);
$(window).on("resize.showContent",toggleBlock);
toggleBlock();

shell.js是与其他站点共享的公共文件,可能没有定义变量.如何检查变量是否已定义,如果不将其赋值为false,然后执行上面的代码？

最佳答案

有比使用三元组或if语句更简单的方法.

就你的具体功能而言,你可以这样做：

var toggleBlock = function() {
    var disabledFlag = disabledFlag||false;
    if(!disabledFlag){
    //etc.

undefined是假的,所以它适用于逻辑||操作符.那|| operator使新的var disabledFlag设置为disabledFlag(如果存在),如果不存在,则将var设置为false

在许多不同的环境中使用相同的概念.例如：

情况1 –

var obj = {hello: 'world'};
function fn(object) {
    var object = object || {foo: 'bar'};
    return object;
}
fn(obj)  //  ==> {hello: 'world'}

情况2 –

function fn(object) {
    var object = object || {foo: 'bar'};
    return object;
}
fn(objectThatDoesntExist); //  ==> {foo: 'bar'}

在JavaScript库和模块模式项目中,这个概念经常以许多不同的方式使用.

javascript – 如何确定变量是否未定义

猜你在找的jQuery相关文章