JavaScript查看类型详解

一、JavaScript查看类型所有函数

JavaScript中获取数据类型信息的函数主要有以下几个：

typeof
instanceof
Object.prototype.toString()

通过使用上述函数，可以获取数据的基本类型信息，方便我们在编程的时候判断类型从而进行相关操作。

二、JavaScript查看数据类型

JavaScript的基本数据类型有以下几种：

Undefined
Null
Boolean
Number
String

在JavaScript中，还有两种复杂数据类型，即Object和Array。

三、JavaScript基础类型

JavaScript中的基础类型数据包括Undefined、Null、Boolean、Number和String。其中，Undefined类型表示未定义的值，Null类型则表示空值，Boolean类型为true或false，Number类型为数字，String类型为字符串。

JavaScript还有一种基础类型，叫作Symbol，但较少使用，不在本文讨论范围。

四、JavaScript查看变量类型

JavaScript中，如果想要知道一个变量的类型，可以使用typeof关键字。

let a
typeof a // 输出 "undefined"

a = null
typeof a // 输出 "object"

a = true
typeof a // 输出 "boolean"

a = 1
typeof a // 输出 "number"

a = "Hello"
typeof a // 输出 "string"

五、JavaScript判断类型

在JavaScript中，可以使用if语句以及三元运算符进行类型判断，下面是一个例子。

let a = "Hello"
if (typeof a === "string"){
    console.log("a是字符串")
} else {
    console.log("a不是字符串")
}

输出结果为 “a是字符串”。

除了if语句和三元运算符外，还可以使用switch case语句进行类型判断，例如：

let a = 1
switch (typeof a) {
    case "number":
        console.log("a是数字")
        break
    case "string":
        console.log("a是字符串")
        break
    default:
        console.log("a是其他类型")
}

六、JavaScript var类型

在JavaScript中，使用var声明的变量类型是全局变量，并不是局部变量，因此在函数外部可以访问到该变量，其作用域是整个函数。

下面是一个例子：

function test() {
    var a = 1
    if (true) {
        var b = 2
    }
    console.log(a) // 输出1
    console.log(b) // 输出2
}
test()

上面的代码会输出1和2，说明var声明的变量作用域是整个函数。

七、JavaScript检测数据类型方法

除了使用typeof关键字以外，还有其他方法可以检测数据类型。

其中，使用Object.prototype.toString()方法可以获取对象的类型信息，例如：

let a = {}
Object.prototype.toString.call(a) // 输出 "[object Object]"

let b = []
Object.prototype.toString.call(b) // 输出 "[object Array]"

let c = function(){}
Object.prototype.toString.call(c) // 输出 "[object Function]"

通过Object.prototype.toString()方法，还可以判断是否为常用对象类型，比如Array、Date。

let arr = [1, 2, 3]
console.log(arr instanceof Array) // 输出true

let date = new Date()
console.log(date instanceof Date) // 输出true

八、JavaScript如何判断数据类型

在JavaScript中，判断数据类型的方法有很多，常见的有以下几种：

typeof
instanceof
Object.prototype.toString()

上面的三种方法都可以获取数据类型的基本信息。

除此之外，还可以使用constructor属性获取值的构造函数，例如：

let a = "Hello"
console.log(a.constructor === String) // 输出true
    
let b = {}
console.log(b.constructor === Object) // 输出true

九、查看数据类型的函数

查看数据类型的函数是非常常用的，是编写JavaScript程序的基础。

下面是一个为常见的数据类型编写的函数：

function typeOf(obj) {
    let type = typeof(obj)
    if (type !== "object") {
        return type
    }
    return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, "$1")
}

console.log(typeOf(null))     // 输出 "null"
console.log(typeOf(123))      // 输出 "number"
console.log(typeOf(false))    // 输出 "boolean"
console.log(typeOf("hello"))  // 输出 "string"
console.log(typeOf({}))       // 输出 "object"
console.log(typeOf([]))       // 输出 "array"

十、C++查看数据类型

C++和JavaScript都是非常常用的编程语言，它们在判断数据类型上也有共通之处。

在C++中，可以使用typeid运算符获取数据类型信息，例如：

#include <iostream>
#include <typeinfo>
using namespace std;

int main(){
    int a = 123;
    double b = 3.14159;
    string c = "Hello, World!";

    cout << "a 的类型：" << typeid(a).name() << endl;
    cout << "b 的类型：" << typeid(b).name() << endl;
    cout << "c 的类型：" << typeid(c).name() << endl;

    return 0;
}

上述代码会输出a的类型为“i”、b的类型为“d”、c的类型为“Ss”，这些类型码是C++内部编译器使用的符号。

十一、总结

本文从不同的角度对JavaScript查看类型进行了详细的阐述，从JavaScript的基础类型、Object类型到如何判断数据类型，以及与C++的对比。掌握这些知识对于编写JavaScript程序是十分重要的。