typeof!==“未定义”与!= null

2020/09/25 12:01 · javascript ·  · 0评论

我经常看到JavaScript代码以这种方式检查未定义的参数等:

if (typeof input !== "undefined") {
    // do stuff
}

这似乎有点浪费,因为它涉及类型查找和字符串比较,更不用说它的冗长了。这是必需的,因为undefined可以重命名。

我的问题是:

与该方法相比,该代码有何优势:

if (null != input) {
    // do stuff
}

据我所知,您无法重新定义null,因此不会意外中断。并且,由于!=运算符的类型强制,这将同时检查undefinednull...,这通常正是您想要的(例如,用于可选功能参数)。

但是,这种形式似乎并不普遍,它甚至导致JSLint对使用邪恶!=运算符的人大吼大叫

为什么认为这种风格不好?

typeof 比较安全,因为它允许从未声明过标识符:

if(typeof neverDeclared === "undefined") // no errors

if(neverDeclared === null) // throws ReferenceError: neverDeclared is not defined

如果声明了变量(使用var关键字,作为函数参数或作为全局变量),则我认为最好的方法是:

if (my_variable === undefined)

jQuery做到了,所以对我来说已经足够了:-)

否则,您将不得不typeof避免使用ReferenceError

如果您希望undefined被重新定义,则可以像这样包装代码:

(function(undefined){
    // undefined is now what it's supposed to be
})();

或通过void运营商获取

const undefined = void 0;
// also safe

好办法:

if(typeof neverDeclared == "undefined") //no errors

但是最好看的方法是通过检查:

if(typeof neverDeclared === typeof undefined) //also no errors and no strings

您不必真正担心未定义的重命名。如果某人重命名了undefined,那么如果检查失败,您将面临的麻烦将不止几个。如果您确实想保护您的代码,则将其包装在IFFE(立即调用的函数表达式)中,如下所示:

(function($, Backbone, _, undefined) {
    //undefined is undefined here.
})(jQuery, Backbone, _);

如果您正在浏览器环境中使用全局变量(已经是错误的),我将检查未定义的内容,如下所示:

if(window.neverDefined === undefined) {
    //Code works
}

由于全局变量是window对象的一部分,因此您可以简单地检查undefined而不是强制转换为字符串并比较字符串。

最重要的是,为什么没有定义变量?我看过很多代码,它们在其中检查变量的存在并基于此执行一些操作。我从未见过这种方法正确的地方。

如果您真的担心未定义被重新定义,则可以使用以下一些辅助方法来防止这种情况:

function is_undefined(value) {
   var undefined_check; // instantiate a new variable which gets initialized to the real undefined value
   return value === undefined_check;
}

之所以如此,是因为有人写的时候,undefined = "foo"他只允许名称 undefined引用一个新值,但他不更改的实际值undefined

您还可以使用void运算符获取未定义的值:

if (input !== void 0) {
    // do stuff    
}

(是的,如另一个答案所述,如果未声明变量,这将引发错误,但是这种情况通常可以通过代码检查或代码重构(例如window.input !== void 0用于测试全局变量或添加var input来排除。)

我实际上遇到过(typeof input !== 'undefined')这种情况,在这种情况下,它被用来提供默认的函数参数:

function greet(name, greeting) {
  name = (typeof name !== 'undefined') ?  name : 'Student';
  greeting = (typeof greeting !== 'undefined') ?  greeting : 'Welcome';

  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

ES6提供了通过这种方式引入默认功能参数的新方法:

function greet(name = 'Student', greeting = 'Welcome') {
  return `${greeting} ${name}!`;
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

这比第一种选择更冗长,更简洁。

function greet(name, greeting) {
  name = (typeof name !== 'undefined') ?  name : 'Student';
  greeting = (typeof greeting !== 'undefined') ?  greeting : 'Welcome';

  console.log(greeting,name);
}

greet(); // Welcome Student!
greet('James'); // Welcome James!
greet('Richard', 'Howdy'); // Howdy Richard!

//ES6 provides new ways of introducing default function parameters this way:

function greet2(name = 'Student', greeting = 'Welcome') {
//  return '${greeting} ${name}!';
console.log(greeting,name);
}

greet2(); // Welcome Student!
greet2('James'); // Welcome James!
greet2('Richard', 'Howdy'); // Howdy Richard!
(function(){

  var a= b = 3;
  var ed = 103;
  
})();



//console.log(ed); //ed is not defined

console.log("a defined? " + (typeof a !== 'undefined')); //no define
console.log("b defined? " + (typeof b !== 'undefined')); //yes define
console.log(typeof(b)); //number
console.log(typeof(4+7));   //number
console.log(b); //3
console.log(typeof("4"+"7")); //string
var e= "ggg";
console.log(typeof(e)); //string
 var ty=typeof(b);
console.log(ty); //number
console.log(typeof false); //boolean
console.log(typeof 1); //number
console.log(typeof 0); //number
console.log(typeof true); //boolean


console.log(typeof Math.tan);  //function
console.log(typeof function(){}); //function 

if(typeof neverDeclared == "undefined") //no errors
if(typeof neverDeclared === "undefined") //no errors

//if(neverDeclared == null) //showing error 


console.log(typeof {a:1}); //object
console.log(typeof null); //object
console.log(typeof JSON); //object
console.log(typeof Math); //object
console.log(typeof /a-z/); //object
console.log(typeof new Date()); //object

console.log(typeof afbc); //undefined
//console.log(typeof new);//error

document.write("<br> * oprator as math ");
var r=14*"4";
document.write(r);

document.write("<br> + oprator as string ");
var r=14+"44";
document.write(r);

document.write("<br> Minus Operator work as mathematic ");
var r=64-"44";
document.write(r);


document.write("<br>");
console.log(typeof(4*"7")); //returns number
console.log(typeof(4+"7")); //returns string




 
Interview Question in JavaScript
var bar = null;
console.log(typeof bar === "object"); //true yes 
//because null a datatype of object

var barf = "dff";
console.log(typeof barf.constructor);//function


console.log(Array.isArray(bar));//falsss


console.log((bar !== null) && (bar.constructor === Object)); //false

console.log((bar !== null) && (typeof bar === "object"));  // logs false
//because bar!==null, bar is a object


console.log((bar !== null) && ((typeof bar === "object") || (typeof bar === "function"))); //false

console.log(typeof bar === typeof object); //false
console.log(typeof bar2 === typeof undefined); //true
console.log(typeof bar3 === typeof undefinedff); //true
console.log(typeof bar2 == typeof undefined); //true

console.log((bar !== null) && (typeof bar === "object") && (toString.call(bar) !== "[object Array]")); //false
if (input == undefined) { ... }

效果很好。这当然不是一个null比较,但是我通常会发现,如果我需要区分undefinednull,实际上我实际上需要区分undefined和只是任何假值,因此

else if (input) { ... }

可以。

如果一个程序重新定义,undefined那真是脑筋急转弯。

我能想到的唯一原因是与IE4兼容,它不能理解undefined关键字(不幸的是,它实际上不是关键字),但是当然值可以 undefined,因此您必须具有以下特性:

var undefined;

和上面的比较就可以了。

在第二个示例中,您可能需要用双括号使皮棉快乐?

本文地址:http://javascript.askforanswer.com/typeofweidingyiyu-null.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!