jQuery функция $.type()

Определение и применение

jQuery функция $.type() позволяет определить внутренний JavaScript класс объекта ([[Class]]).

jQuery синтаксис:

JavaScript

$.type( obj )

obj - Anything

Добавлен в версии jQuery

1.4.3

Значения параметров

Параметр	Описание
obj	Объект, внутренний JavaScript класс (`[[Class]]`) которого необходимо получить.

Пример старого кода

Если объект неопределен или соответствует значению null, то в качестве возвращаемого значения будет "undefined" и "null" соответственно:

Функция $.type() — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html

HTML

<p>Результат выполнения выводится в консоль под примером.</p>

main.js

JavaScript

console.log($.type()) // возвращаемое значение "undefined"
console.log($.type(undefined)) // возвращаемое значение "undefined"
console.log($.type(window.thatNotDefined)) // возвращаемое значение "undefined"
console.log($.type(null)) // возвращаемое значение "null"

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

Если аргумент является примитивным значением или экземпляром стандартного встроенного объекта, то для определения типа используется внутреннее свойство [[Class]]:

Функция $.type() — пример 2

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html

HTML

<p>Результат выполнения выводится в консоль под примером.</p>

main.js

JavaScript

console.log($.type(true)) // возвращаемое значение "boolean"
console.log($.type(new Boolean())) // возвращаемое значение "boolean"
console.log($.type(5)) // возвращаемое значение "number"
console.log($.type(new Number(5))) // возвращаемое значение "number"
console.log($.type(NaN)) // возвращаемое значение "number"
console.log($.type(Infinity)) // возвращаемое значение "number"
console.log($.type('test')) // возвращаемое значение "string"
console.log($.type(new String('test'))) // возвращаемое значение "string"
console.log($.type(function () {})) // возвращаемое значение "function"
console.log($.type(() => {})) // возвращаемое значение "function"
console.log($.type([])) // возвращаемое значение "array"
console.log($.type(new Array())) // возвращаемое значение "array"
console.log($.type(new Date())) // возвращаемое значение "date"
console.log($.type(new Error())) // возвращаемое значение "error" (начиная с версии jQuery 1.9)
console.log($.type(Symbol())) // возвращаемое значение "symbol" (начиная с версии jQuery 1.9)
console.log($.type(Object(Symbol()))) // возвращаемое значение "symbol" (начиная с версии jQuery 1.12)
console.log($.type(/test/)) // возвращаемое значение "regexp"

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

Все остальное возвращает "object" в качестве его типа, например:

Функция $.type() — пример 3

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 3.1.1.

index.html

HTML

<p>Результат выполнения выводится в консоль под примером.</p>

main.js

JavaScript

console.log($.type({})) // возвращаемое значение "object"
console.log($.type(new Object())) // возвращаемое значение "object"
console.log($.type(window)) // возвращаемое значение "object"
console.log($.type(document)) // возвращаемое значение "object"

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}