JavaScript变量类型全解析：typeof、instanceof与类型转换

本文深入解析JavaScript的六种变量类型，涵盖boolean、number、string、undefined、object及function。详细阐述typeof与instanceof的区别，原始数据类型的包装对象机制，以及parseInt等类型转换方法。同时对比undefined与null的本质差异，解析布尔转换规则及!!、||运算符的实际应用，帮助开发者避免全局变量陷阱并掌握类型判断技巧。

JavaScript变量类型概述

变量类型

JavaScript中仅存在6种基本类型：包括四种原始数据类型（boolean、number、string、undefined），以及另外两种引用类型（object和function）。

判断类型时，主要使用typeof和instanceof两个操作符。

具体表现可通过以下实例直观了解：


    var obj = null;
    console.info(typeof obj);    //Object
    var arr = [];
    console.info(arr instanceof Object);  //true
    console.info(arr instanceof Array);  //true

原始数据类型的包装对象

原始数据类型的包装对象（Wrapper Object）

string、number和boolean这三种原始类型在JavaScript中均对应着特定的包装对象，允许以对象的方式调用相关方法。

数据类型转换机制

数据类型转换

可以使用parseInt和parseFloat函数将字符串转换为数值类型。


console.log(parseInt("34", 10)); //34
console.log(parseInt("34s5b", 10)); //34
console.log(parseInt("s", 10)); //NaN
console.log(parseInt(3.14, 10)); //3

JavaScript属于动态类型语言，变量的类型由其所赋值的类型决定，即变量在运行时动态确定其类型。


//number
var value = 100;
//string
value = "qiu";
//object
value = [1, 'two', 3];

赋值与判等运算符

赋值与判等运算符的多种用法：

= 用于赋值操作； == 用于宽松判等（会进行类型转换）； === 用于严格判等（不进行类型转换）。


var x = 42;
var y = "42";
console.log(x == y) //true;
console.log(x === y) //false

undefined与null辨析

undefined与null的区别

undefined表示变量已声明但未赋值，即没有有效值（此时变量尚不存在具体值）； null表示“无”，即某个变量存在但不引用任何对象。注意，null的类型为object（变量存在但不指向值）。


var obj = null;
if (obj === null) {
alert("obj === null"); //此句将执行
}
else {
alert("obj!=null");
}
alert(typeof obj); //object

undefined与null在判等时的表现


var myVar;
//true
console.log(typeof myVar === "undefined");
console.log(myVar === undefined);
var myVar2 = null;
console.log(typeof myVar2); //object
//true;
console.log(myVar2 == null);
console.log(myVar2 === null);
//true
console.info(myVar == myVar2); //undefine == null; 是true
//false
console.info(myVar === myVar2); //undefine === null; 是false

布尔转换与逻辑运算符

布尔值true和false的转换规则

以下值在布尔上下文中会被转换为false：undefined、null、NaN、空字符串""、数字0。除上述值以外，其他所有值在布尔转换中均为true。

逻辑运算符：!!与||

!! 用于将后续表达式强制转换为布尔值，返回true或false。例如：!!"qiu" 结果为 true； !!null 结果为 false。 || 运算符常用于提供默认值。例如：var ns = ns || {}；如果ns未定义或为假值，则返回{}，否则返回ns。

注意：定义变量时必须使用var关键字，否则将导致意外进入全局作用域（掉坑）！若不写var，该变量将自动成为全局变量。

以上所述即为本文的全部内容，希望对大家学习JavaScript有所帮助。

JavaScript变量类型详解：原始类型、包装对象与类型转换