typeof使用以及null和undefined的判断区分

netScorpion 发布于2019-08-20 14:35 / 886人阅读

摘要：的使用这是一个运算符，不是方法检测数据类型，返回的结果是一个字符串类型。在检查相等性时，不能把和转换成其他值。

1 typeof的使用;这是一个运算符，不是方法

1.1检测数据类型，返回的结果是一个字符串类型。有六种可能：number boolean string object function undefined

注意typeof(null) 返回的是 : object

1.2 typeof 可以用于被声明或者未被声明的变量；但是未被声明的变量不能用其他运算符运算，之外的其他运算符的话，会引起错误，因为其他运算符只能用于已声明的变量上。

1.3 对于基本数据类型(Number Boolean String null undefined) 以及引用类型 object的typeof值

1.3.1类 : Object Function Array String Boolean Number Date ；这些未初始化为实例的类的typeof类型为function

    function test (){       }
    console.log(Object);//function Object() { [native code] }
    console.log(typeof Object);//function
    console.log(Array);//function Array() { [native code] }
    console.log(typeof Array);//function
    console.log(Function);//function Function() { [native code] }
    console.log(typeof Function);//function
    console.log(String);//function String() { [native code] }
    console.log(typeof String);//function
    console.log(test);//function test(){   }
    console.log(typeof test);//function

1.3.2 对象的创建方式是用关键字 new 后面跟上实例化的类的名字，当将一个函数通过new实例化之后，那么就创建了一个对象

    function test (){       }  
    var obj = new test();
    console.log(obj.constructor);//function test(){}
    console.log(obj);//test｛｝
    console.log(typeof obj);//Object

    var obj1 = new Array();
    console.log(obj1.constructor);//function Array() { [native code] }
    console.log(obj1);//[]
    console.log(typeof obj1);//Object

    var obj2 = new Function();
    console.log(obj2.constructor);//function Function() { [native code] }
    console.log(obj2);//function anonymous() {}
    console.log(typeof obj2);//function

    var obj3 = new String();
    console.log(obj3.constructor);//function String() { [native code] }
    console.log(obj3);//String {length: 0, [[PrimitiveValue]]: ""}
    console.log(typeof obj3);//object

    var obj4 = new Object();
    console.log(obj4.constructor);//function Object() { [native code] }
    console.log(obj4);//Object {}
    console.log(typeof obj4);//object

1.3.3 基本数据类型的typeof的值

2 null undefined

2.1 null是一个表示"无"的对象，转化为数值的时候值为0；典型的用法是：

用来初始化一个变量，该变量将来可能会被赋值成一个对象

用来和一个已经初始化的对象进行比较，这个变量可以是一个对象，也可以不是一个对象

当函数的参数期望是对象时，被用作参数传入

当函数返回值期望是对象时，被当做返回值输出

删除事件绑定,事件本身是一个 null ,是一个空的对象，可以添加

作为对象原型链的终点

2.2 undefined 是一个表示"无"的原始值，转化为数值的时候值为NaN ；典型用法是：

变量被声明了，但是没有赋值，那么该变量的值就是undefined

调用一个函数的时候，如果应该提供的参数没有提供，那么该参数默认是undefined

如果一个对象的属性没有赋值，那么该属性值为undefined

函数没有返回值的时候，默认返回undefined;

2.3 如何区分二者？

== 运算符只比较值，不进行类型的比较，比较之前会进行隐式转化，null==undefined 返回true.

=== 区分两者，不仅仅比较内容，还比较数据类型 null===undefined false

如何判断一个变量是null还是undefined?

如何确定一个变量是undefined;

var exp = undefined ;//var exp ;如果不进行赋值的话，结果也是undefined
//这种方法是错误的，因为null==undefined 返回true;
if(exp == undefined){
  console.log("exp变量是undefined");
}
//这种方法才是正确的，注意undefined加"" ,因为typeof返回的值是一个字符串类型的
if(typeof(exp) == "undefined"){
  console.log("exp变量是undefined");
}

以下附上== 运算符的W3C解释，方便读者回忆基础

执行类型转化遵循的规则:
如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。 
如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。 
如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。 
如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。
还遵循以下转化规则:
值 null 和 undefined 相等。 
在检查相等性时，不能把 null 和 undefined 转换成其他值。 
如果某个运算数是 NaN，等号将返回 false，非等号将返回 true。 
如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。

如何确定一个变量是null

云服务器 GPU云服务器 undefined与null区别 windows系统和linux系统的区分 js判断数据是否为null 亚马逊云服务器租用以及使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81774.html

typeof instanceof null undefined 的区分

摘要：的使用这是一个运算符，不是方法检测数据类型，返回的结果是一个字符串类型。在检查相等性时，不能把和转换成其他值。 1 typeof的使用;这是一个运算符，不是方法 1.1检测数据类型，返回的结果是一个字符串类型。有六种可能：number boolean string object function undefined 注意typeof(null) 返回的是 : object 1.2 ...

BigNerdCoding 2019-08-20 14:36 评论0 收藏0
【基础】JavaScript类型判断

摘要：基本类型类对象纯对象类数组其中部分参考了的函数实现。比如说所以如果此时对象不是由内置构造函数生成的对象，这个为。判断对于类数组对象，只要该对象中存在属性并且为非负整数且在有限范围之内即可判断为类数组对象。本文主要讲解如何准确判断JavaScript中出现的各种类型和对象。（基本类型、Object类、Window对象、纯对象plainObject、类数组）其中部分参考了jQuery的函...

YuboonaZhang 2019-08-26 11:48 评论0 收藏0
JavaScript基础语法变量常量数据类型

摘要：第十六天笔记基础语法区分大小写是一种区分大小写的语言的关键字变量名函数名以及任何其他的标识符必须适应一致的大小写形势卧龙前端空格和换行并不是的语法内容可有可无建议使用将代码书写的更加整洁美观更有可读性可选的分号分号可选项语法并不是强制要第十六天笔记 JavaScript 基础语法区分大小写 JavaScript是一种区分大小写的语言 JavaScript的关键字变量名函...

xingpingz 2019-08-23 10:46 评论0 收藏0
如何判断JavaScript的数据类型？

摘要：本文将讲解我目前所知道的判断数据类型的方法。数据类型一共有种除了之外的种属于原始数据类型。等价于问题四的返回值是什么答案。本文将讲解我目前所知道的判断JavaScript数据类型的方法。JavaScript数据类型一共有7种： Undefined Null Boolean String Symbol Number Object 除了Object之外的6种属于原始数据类型。有时，我...

jackzou 2019-08-23 12:11 评论0 收藏0
JavaScript基础系列--数据类型及类型判断

摘要：中有五种基本数据类型，以及一种复杂引用类型数据类型，中还细分了很多具体的类型，比如等等中又新增了一种类型。类型的数值范围是，超出这个范围的值为，可以使用函数来判断数值是否在范围内。 ECMAScript5中有五种基本数据类型：Undefined,Null,Boolean,Number,String，以及一种复杂（引用类型）数据类型：Object，Object中还细分了很多具体的类型，比...

duan199226 2019-08-22 18:08 评论0 收藏0