类型实用程序 - JavaScript 挑战

介绍

检查类型是日常编码和技术面试中 JavaScript 的常见做法。

您可以在 Github 上找到这篇文章中的所有代码。

---

原始值

在 JavaScript 中，除 Object 之外的所有类型都定义直接在语言最低级别表示的不可变值。我们将这些类型的值称为原始值。

有 7 个原始值：

1. 空
2. 未定义
3. 布尔值
4. 数字
5. BigInt
6. 字符串
7. 符号

除 null 之外的所有原始类型都可以通过 typeof 运算符进行测试。 typeof null 返回“object”，因此必须使用 === null 来测试 null。

因此，我们得到了第一种类型的效用函数。

function isBoolean(value) {
  return typeof value === 'boolean';
}

function isString(value) {
  return typeof value === 'string';
}

function isNumber(value) {
  return typeof value === 'number';
}

function isSymbol(value) {
  return typeof value === 'symbol';
}

function isBigInt(value) {
  return typeof value === 'bigint';
}

function isUndefined(value) {
  return typeof value === 'undefined';
}

function isNull(value) {
  return value === null;
}

// Usage example
console.log(isSymbol(Symbol('test'))); // => true
console.log(isNull(null)); // => true
console.log(isUndefined(undefined)); // => true
console.log(isNumber(1)); // => true
console.log(isString('')); // => true
console.log(isBoolean(true)); // => true
console.log(isBigInt(9007199254740991n)); // => true

---

对象

所有不是原始类型的东西都是 JavaScript 中的对象。这包括：

• 普通物体
• 数组
• 功能
• 日期
• 正则表达式
• 其他内置对象类型

这是数组、函数、对象的第二个实用函数。

function isArray(value) {
  return Array.isArray(value);
}

function isFunction(value) {
  return typeof value === 'function';
}

function isObject(value) {
  // for null and undefined
  if (value == null) {
    return false;
  }

  return typeof value === 'object';
}

function isPlainObject(value) {
  // for null and undefined
  if (value == null) {
    return false;
  }

  const prototype = Object.getPrototypeOf(value);
  return prototype === Object.prototype || prototype === null;
}

// Usage example
console.log(isArray(new Array())); // => true
console.log(isObject(Object(null))); // => true
console.log(isFunction(Object.prototype.toString)); // => true
console.log(isPlainObject(Object.create(null))); // => true

---

Object.prototype.toString.call()

JavaScript 中有多种检查类型的方法，包括：

• typeof 适用于除 null 之外的所有原始类型。
• instanceof 确定对象是否是特定构造函数或类的实例。它不适用于原始值。

Object.prototype.toString.call() 是 JavaScript 中最可靠的类型检查方法。

我们可以通过以下方式提取类型：

function getType(value) {
  const type = typeof value;

  if (type !== 'object') {
    return type;
  }

  return Object.prototype.toString
    .call(value)
    .slice(8, -1)
    .toLowerCase();
}

// Usage example
console.log(getType(1)); // => number
console.log(getType('')); // => string
console.log(getType({})); // => object
console.log(getType(null)); // => null
console.log(getType(undefined)); // => undefined
console.log(getType(Symbol())); // => symbol
console.log(getType(BigInt(1234567890123456789012345))); // => bigint
console.log(getType(function () {})); // => function
console.log(getType(new Date())); // => date
console.log(getType(new Map())); // => map
console.log(getType(new Set())); // => set 
console.log(getType(new RegExp("cat", "i"))); // => regex

---

参考

• JavaScript 数据类型和数据结构 - MDN
• 数据类型 - JavaScript.info
• 参考类型 - JavaScript.info
• 伟大的前端

以上是类型实用程序 - JavaScript 挑战的详细内容。更多信息请关注PHP中文网其他相关文章！