我们如何区分var foo;
和var foo=undefined;
?
typeof foo
将同时返回"未定义",foo in window
将返回两个 true;
var foo
表示var foo=undefined
,除非undefined
设置为undefined
以外的其他内容。
这可以在浏览器控制台中看到,如果您初始化一个变量但没有给它一个值,它将具有值undefined
(以及类型 "undefined"
)
我们如何区分
var foo;
和var foo=undefined;
?
它们之间没有区别,如果此行在foo
的所有使用之前。(不必如此。JavaScript 引擎看到的行var foo=undefined;
如下所示:
// At top of scope
var foo; // `foo` will have the value `undefined`
// Where the var foo=undefined; line was
foo = undefined;
请注意,它们是在不同时间发生的完全不同的事情。声明和"初始化"(实际上是一个赋值)是分开发生的。声明在进入执行单元时发生;初始化/赋值稍后发生,作为分步代码执行的一部分。(更多: 可怜的误解var
)
这意味着,如果您有以下内容:
foo = 5;
alert(typeof foo); // "number"
var foo = undefined;
alert(typeof foo); // "undefined"
。这不是错误,因为引擎处理的方式是:
var foo;
foo = 5;
alert(typeof foo); // "number"
foo = undefined;
alert(typeof foo); // "undefined"
一个正确的例子可以创造奇迹:
function winFoo() {
console.log('foo' in window);
}
function startFoo() {
window.foo = 'bar';
}
function ovrFoo() {
window.foo = undefined;
}
function removeFoo() {
delete window.foo;
}
//window.foo === undefined
//window.foo hasn't been defined yet
winFoo(); //false
//so it makes sense that 'foo' is not in window
startFoo(); //window.foo === 'bar'
//window.foo has now been set to 'bar'
winFoo(); //true
//so it makes sense that 'foo' is in window
ovrFoo(); //window.foo === undefined
//window.foo has been overridden with a value of undefined
winFoo(); //true
//but the key 'foo' still exists in window, it just has a value of undefined
removeFoo(); //window.foo === undefined
//the key 'foo' has been removed from window and its value is therefor forgotten
winFoo(); //false
//so it makes sense that 'foo' is not in window
这是一个小提琴
此外,在任何函数上下文之外声明var foo
会实例化window.foo
,如果!('foo' in window)
,则值为 undefined
(这意味着,如果在同一代码块中多次调用var foo
,它不会覆盖现有值(如果有)。更重要的是,var
和function
语句实际上被提升到其范围的顶部,这意味着:
console.log('foo' in window);
var foo;
console.log('foo' in window);
将打印true
两次,而不是false
后跟true
。
方式 1:
if (null === var)
(对旧浏览器):
if (void 0 != var)
另一个:
if(var)
并像这样使用它:
var un;
if (un==undefined)
{
alert('Yes');
} else {
alert('No');
}