javascript – “this instanceof String”和“foo”instanceof String“有什么区别?

我像这样扩展Object:
Object.prototype.is_a = function (x) {
  return this instanceof x;
}

所有的工作如预期

"foo".is_a(String) // true
"foo".is_a(Object) // true
"foo".is_a(Array) // false
"foo".is_a(Function) // false
"foo".is_a(Boolean) // false
"foo".is_a(Date) // false
"foo".is_a(Number) // false
"foo".is_a(RegExp) // false

但当

"foo" instanceof String // false

这个关键字在is_a()函数上是否与foo相同?为什么会返回不同的结果?

解决方法

首先,您不能将instanceof应用于原始值,这就是为什么
"foo" instanceof String

返回false.原语不是对象,因此不能是构造函数的实例. *

那么为什么它似乎在is_a方法中工作?

在非严格模式下,该值在函数is always going to be an object中(步骤3).如果该值不是对象,则将其隐式转换为一个对象.你可以用console.log(typeof this)来测试.
这意味着字符串原语“foo”被转换为String对象new String(“foo”),这就是为什么可以在其上使用instanceof的原因.

在严格模式下,此值不一定是对象,不会自动转换(step 1).在这种情况下,您的方法将失败:

> Object.prototype.is_a = function (x) {
   'use strict';
   return this instanceof x;
 }
> "foo".is_a(String)
false

*:这是一个很简单的解释.实际上,instanceof运算符将评估委托给构造函数的内部[[HasInstance]] method,该值被定义为如果传递的值不是对象则返回false.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...