类型实用程序 - 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 挑战的详细内容，更多请关注www.sxiaw.com其它相关文章！