JS查看变量类型的方法

1. typeof运算符

在JavaScript中，我们可以使用typeof运算符来查看变量的类型。typeof运算符会返回一个表示变量类型的字符串。这个字符串可以是以下几种值之一：

“undefined”：表示变量没有被定义
“boolean”：表示变量是一个布尔值
“number”：表示变量是一个数字
“string”：表示变量是一个字符串
“object”：表示变量是一个对象或null
“function”：表示变量是一个函数

下面是使用typeof运算符来查看变量类型的示例代码：

var x;
console.log(typeof x); // 输出 "undefined"

x = true;
console.log(typeof x); // 输出 "boolean"

x = 42;
console.log(typeof x); // 输出 "number"

x = "Hello World";
console.log(typeof x); // 输出 "string"

x = { name: "John", age: 30 };
console.log(typeof x); // 输出 "object"

x = null;
console.log(typeof x); // 输出 "object"

x = function() {};
console.log(typeof x); // 输出 "function"

2. instanceof运算符

除了使用typeof运算符外，我们还可以使用instanceof运算符来判断一个对象是否属于某个特定的类型。instanceof运算符的语法如下：

object instanceof constructor

其中，object是要检查的对象，constructor是要判断的类型。如果object是constructor的实例，那么instanceof运算符返回true，否则返回false。

下面是使用instanceof运算符来判断变量类型的示例代码：

var fruits = ["apple", "banana", "orange"];
console.log(fruits instanceof Array); // 输出 true

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

var person = { name: "John", age: 30 };
console.log(person instanceof Object); // 输出 true

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

var myCar = new Car("Honda", "Accord", 2022);
console.log(myCar instanceof Car); // 输出 true

3. Object.prototype.toString方法

Object.prototype.toString方法是JavaScript中所有对象都具有的方法，它可以返回一个表示对象的类型的字符串。我们可以使用该方法来查看变量的类型。

下面是使用Object.prototype.toString方法来查看变量类型的示例代码：

var x;

x = "Hello World";
console.log(Object.prototype.toString.call(x)); // 输出 "[object String]"

x = 42;
console.log(Object.prototype.toString.call(x)); // 输出 "[object Number]"

x = true;
console.log(Object.prototype.toString.call(x)); // 输出 "[object Boolean]"

x = { name: "John", age: 30 };
console.log(Object.prototype.toString.call(x)); // 输出 "[object Object]"

x = [1, 2, 3];
console.log(Object.prototype.toString.call(x)); // 输出 "[object Array]"

x = null;
console.log(Object.prototype.toString.call(x)); // 输出 "[object Null]"

x = function() {};
console.log(Object.prototype.toString.call(x)); // 输出 "[object Function]"

4. 使用JavaScript库

除了以上三种方法外，我们还可以使用一些JavaScript库来查看变量的类型。这些库提供了更多高级的功能，例如检查变量是否是某种特定的对象类型、检查变量是否具有某个特定的属性等。

下面是几个常用的JavaScript库以及它们的使用示例：

4.1. Lodash库

Lodash是一个实用的JavaScript工具库，它提供了许多用于处理数组、对象、函数等的实用函数。Lodash库中有一个函数叫做_.isType，它可以用于检查变量的类型。

下面是使用Lodash库的_.isType函数来查看变量类型的示例代码：

var _ = require('lodash');

var x;

x = "Hello World";
console.log(_.isString(x)); // 输出 true

x = 42;
console.log(_.isNumber(x)); // 输出 true

x = true;
console.log(_.isBoolean(x)); // 输出 true

x = { name: "John", age: 30 };
console.log(_.isObject(x)); // 输出 true

x = [1, 2, 3];
console.log(_.isArray(x)); // 输出 true

x = null;
console.log(_.isNull(x)); // 输出 true

x = function() {};
console.log(_.isFunction(x)); // 输出 true

4.2. jQuery库

jQuery是一个流行的JavaScript库，它简化了JavaScript与HTML文档的交互。jQuery库中有一个函数叫做jQuery.type，它可以用于检查变量的类型。

下面是使用jQuery库的jQuery.type函数来查看变量类型的示例代码：

var  $= require('jquery'); var x; x = "Hello World"; console.log($ .type(x)); // 输出 "string"

x = 42;
console.log( $.type(x)); // 输出 "number" x = true; console.log($ .type(x)); // 输出 "boolean"

x = { name: "John", age: 30 };
console.log( $.type(x)); // 输出 "object" x = [1, 2, 3]; console.log($ .type(x)); // 输出 "array"

x = null;
console.log( $.type(x)); // 输出 "null" x = function() {}; console.log($ .type(x)); // 输出 "function"