在前端开发中，我们经常需要编写函数来进行各种操作。有些函数可能会被频繁调用，为了方便代码管理，我们可以将这些函数进行分类或者封装，以便于后续的调用。在 ES9 中，新增了元属性 Symbol.hasInstance，它可以让我们更加巧妙地组织和管理函数，提高代码复用性和可读性。
什么是元属性 Symbol.hasInstance？
在介绍元属性 Symbol.hasInstance 之前，我们先来了解一下什么是 Symbol。
Symbol 是 ES6 中新增的基本数据类型之一，它可以表示一个独一无二的值。在对象中，我们可以使用 Symbol 作为属性的键名，并通过 Object.getOwnPropertySymbols() 方法获取这些属性。
而元属性 Symbol 则是一组特殊的属性，它们被用于定义对象的行为。以 Symbol.hasInstance 为例，当一个对象上调用该属性时，它会被传入一个参数，表示要检测的值。如果该对象（函数）是该值的构造函数，则会返回 true，否则返回 false。
如何使用元属性 Symbol.hasInstance？
接下来，我们来看看如何使用元属性 Symbol.hasInstance 来组织和管理函数代码。
在 JavaScript 中，函数可以分为普通函数和构造函数。普通函数只是简单地执行一些代码逻辑，而构造函数则需要通过 new 关键字来创建实例。
当我们使用 instanceof 运算符来判断一个对象是否为一个构造函数的实例时，实际上就是在调用该构造函数的 Symbol.hasInstance 方法。我们可以利用这一特性来定义自己的构造函数，并在其中使用 Symbol.hasInstance，以方便我们的代码管理。
例如，我们可以定义一个类，来封装一些常用的类型判断函数：
-- -------------------- ---- -------
----- ---- -
------ ------------------------- -
------ ------ --- --- ---------
-
-
----- ---------- ------- ---- -
------ --- ------ -
------ --------
-
-
----- ---------- ------- ---- -
------ --- ------ -
------ --------
-
-
----- ----------- ------- ---- -
------ --- ------ -
------ ---------
-
-
----- --------- ------- ---- -
------ --- ------ -
------ -------
-
------ ------------------------- -
------ ------------------
-
-在上面的代码中，我们定义了一个 Type 类，它包含了 Symbol.hasInstance 方法，用于判断传入的值是否为指定的类型。我们还定义了一些继承 Type 的子类，例如 NumberType、StringType 等等，用于判断各种类型的数据。其中，我们还特别为 ArrayType 添加了一个新的 Symbol.hasInstance 方法，用于判断数组类型。
接下来，我们就可以通过上面的类来进行各种类型的判断了：
console.log(3 instanceof NumberType) // true
console.log('hello' instanceof StringType) // true
console.log(true instanceof BooleanType) // true
console.log([1, 2, 3] instanceof ArrayType) // true通过上面的代码，我们可以看到，这些判断函数非常简洁明了，方便管理和复用。
总结
本文介绍了 ES9 中的元属性 Symbol.hasInstance，它可以让我们更加巧妙地组织和管理函数代码，提高代码复用性和可读性。通过定义自己的构造函数，并在其中使用 Symbol.hasInstance，我们可以方便地封装一些常用的类型判断函数。希望本文对大家有所帮助，谢谢！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a7b1ea48841e98944301c4