Почему instanceof возвращает false для некоторых литералов? - PullRequest
258 голосов
/ 15 октября 2008
"foo" instanceof String //=> false
"foo" instanceof Object //=> false
true instanceof Boolean //=> false
true instanceof Object //=> false
false instanceof Boolean //=> false
false instanceof Object //=> false

// the tests against Object really don't make sense

Литералы массивов и литералы объектов совпадают ...

[0,1] instanceof Array //=> true
{0:1} instanceof Object //=> true

Почему не все? Или, почему они не все не ?
И что они тогда представляют?

То же самое в FF3, IE7, Opera и Chrome. Так что, по крайней мере, это соответствует.


Пропустил несколько.

12.21 instanceof Number //=> false
/foo/ instanceof RegExp //=> true

Ответы [ 9 ]

371 голосов
/ 15 октября 2008

Примитивы - это другой тип типа, чем объекты, созданные в Javascript. Из документов API Mozilla :

var color1 = new String("green");
color1 instanceof String; // returns true
var color2 = "coral";
color2 instanceof String; // returns false (color2 is not a String object)

Я не могу найти способ конструировать примитивные типы с помощью кода, возможно, это невозможно. Вероятно, поэтому люди используют typeof "foo" === "string" вместо instanceof.

Простой способ запомнить такие вещи - спросить себя: «Интересно, что было бы вменяемым и легким для изучения»? Каким бы ни был ответ, Javascript делает другое.

90 голосов
/ 14 октября 2011

Я использую:

function isString(s) {
    return typeof(s) === 'string' || s instanceof String;
}

Потому что в JavaScript строки могут быть литералами или объектами.

54 голосов
/ 05 августа 2013

В JavaScript все является объектом (или, по крайней мере, может рассматриваться как объект), за исключением примитивов (логические, нулевые, числа, строки и значение undefined (и символ в ES6)) :

console.log(typeof true);           // boolean
console.log(typeof 0);              // number
console.log(typeof "");             // string
console.log(typeof undefined);      // undefined
console.log(typeof null);           // object
console.log(typeof []);             // object
console.log(typeof {});             // object
console.log(typeof function () {}); // function

Как вы можете видеть объекты, массивы и значение null все считаются объектами (null является ссылкой на объект, который не существует). Функции различаются, потому что это особый тип вызываемых объектов. Однако они все еще являются объектами.

С другой стороны, литералы true, 0, "" и undefined не являются объектами. Это примитивные значения в JavaScript. Однако логические значения, числа и строки также имеют конструкторы Boolean, Number и String соответственно, которые обертывают свои соответствующие примитивы для обеспечения дополнительной функциональности:

console.log(typeof new Boolean(true)); // object
console.log(typeof new Number(0));     // object
console.log(typeof new String(""));    // object

Как вы можете видеть, когда примитивные значения заключаются в конструкторы Boolean, Number и String соответственно, они становятся объектами. Оператор instanceof работает только для объектов (поэтому он возвращает false для примитивных значений):

console.log(true instanceof Boolean);              // false
console.log(0 instanceof Number);                  // false
console.log("" instanceof String);                 // false
console.log(new Boolean(true) instanceof Boolean); // true
console.log(new Number(0) instanceof Number);      // true
console.log(new String("") instanceof String);     // true

Как вы можете видеть, что typeof и instanceof недостаточно для проверки, является ли значение логическим, числом или строкой - typeof работает только для примитивных логических значений, чисел и строк; и instanceof не работает для примитивных логических значений, чисел и строк.

К счастью, есть простое решение этой проблемы. Реализация по умолчанию toString (то есть как она определена в Object.prototype.toString) возвращает внутреннее свойство [[Class]] как примитивных значений, так и объектов:

function classOf(value) {
    return Object.prototype.toString.call(value);
}

console.log(classOf(true));              // [object Boolean]
console.log(classOf(0));                 // [object Number]
console.log(classOf(""));                // [object String]
console.log(classOf(new Boolean(true))); // [object Boolean]
console.log(classOf(new Number(0)));     // [object Number]
console.log(classOf(new String("")));    // [object String]

Внутреннее свойство [[Class]] значения намного полезнее, чем typeof значение. Мы можем использовать Object.prototype.toString для создания собственной (более полезной) версии оператора typeof следующим образом:

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

console.log(typeOf(true));              // Boolean
console.log(typeOf(0));                 // Number
console.log(typeOf(""));                // String
console.log(typeOf(new Boolean(true))); // Boolean
console.log(typeOf(new Number(0)));     // Number
console.log(typeOf(new String("")));    // String

Надеюсь, эта статья помогла. Чтобы узнать больше о различиях между примитивами и упакованными объектами, прочитайте следующее сообщение в блоге: Секретная жизнь примитивов JavaScript

31 голосов
/ 27 июля 2009

Вы можете использовать свойство конструктора:

'foo'.constructor == String // returns true
true.constructor == Boolean // returns true
6 голосов
/ 23 августа 2017
 typeof(text) === 'string' || text instanceof String; 

Вы можете использовать это, оно будет работать для обоих случаев как

  1. var text="foo"; // typeof будет работать

  2. String text= new String("foo"); // instanceof будет работать

1 голос
/ 18 марта 2017

Мне кажется, я нашел жизнеспособное решение:

Object.getPrototypeOf('test') === String.prototype    //true
Object.getPrototypeOf(1) === String.prototype         //false
0 голосов
/ 30 января 2018

https://www.npmjs.com/package/typeof

Возвращает строковое представление instanceof (имя конструктора)

function instanceOf(object) {
  var type = typeof object

  if (type === 'undefined') {
    return 'undefined'
  }

  if (object) {
    type = object.constructor.name
  } else if (type === 'object') {
    type = Object.prototype.toString.call(object).slice(8, -1)
  }

  return type.toLowerCase()
}

instanceOf(false)                  // "boolean"
instanceOf(new Promise(() => {}))  // "promise"
instanceOf(null)                   // "null"
instanceOf(undefined)              // "undefined"
instanceOf(1)                      // "number"
instanceOf(() => {})               // "function"
instanceOf([])                     // "array"
0 голосов
/ 12 января 2015

Для меня растерянность, вызванная

"str".__proto__ // #1
=> String

Так что "str" istanceof String должно вернуть true, потому что как istanceof работает, как показано ниже:

"str".__proto__ == String.prototype // #2
=> true

Результаты выражения # 1 и # 2 противоречат друг другу, поэтому один из них должен быть неправильным.

# 1 неверно

Я выяснил, что это вызвано __proto__ нестандартным свойством, поэтому используйте стандартное: Object.getPrototypeOf

Object.getPrototypeOf("str") // #3
=> TypeError: Object.getPrototypeOf called on non-object

Теперь нет никакой путаницы между выражениями # 2 и # 3

0 голосов
/ 16 февраля 2010

Или вы можете просто сделать свою собственную функцию следующим образом:

function isInstanceOf(obj, clazz){
  return (obj instanceof eval("("+clazz+")")) || (typeof obj == clazz.toLowerCase());
};

использование:

isInstanceOf('','String');
isInstanceOf(new String(), 'String');

Они оба должны возвращать true.

...