What are typeof and instanceof in js? What's the difference?
This article mainly introduces to you the difference between typeof and instanceof in js.
First of all, everyone should briefly understand what typeof is?
typeof is a unary operation, placed before an operand, and the operand can be of any type. Its return value is a string describing the type of the operand. typeof can be used to detect the data type of a given variable.
What is instanceof?
The instanceof operator is used to determine whether the object pointed to by the prototype attribute of a constructor exists on the prototype chain of another object to be detected. Generally speaking, using instanceof is to determine whether an instance belongs to a certain type.
The similarities between typeof and instanceof in js:
Typeof and instanceof in JavaScript are often used to determine whether a variable is empty or what type it is.
Differences:
1. The definition and usage of typeof:
The return value is a string , used to describe the data type of the variable.
Specific usage details:
1. typeof generally can only return the following results:
'undefined': This value is undefined.
'boolean': This value is a Boolean value.
'string' : This value is a string.
'number' : This value is a numeric value.
'object': This value is an object or null.
'function' : This value is a function.
2. Use typeof to get whether a variable exists, such as
if(typeof a!="undefined"){alert("ok")} instead of using if(a) because if a does not exist (not declared), an error will occur.
3. For special objects such as Array and Null, typeof always returns object. This is the limitation of typeof.
2. Instanceof definition and usage:
Instanceof definition and usage: instanceof is used to determine whether a variable belongs to an instance of an object. It can also be used to determine whether the prototype attribute of a certain constructor exists on the prototype chain of another object to be detected.
Example:
a instanceof b?alert("true"):alert("false"); //a是b的实例？真:假var a=new Array();alert(a instanceof Array);
will return
true, and
alert(a instanceof Object)
will also return true;
This is because Array is an object subcategory.
Another example:
function test(){};var a=new test();alert(a instanceof test)will return object.
Test:
var a=new Array();if (a instanceof Object) alert('Y');else alert('N');
got 'Y', and
if (window instanceof Object) alert('Y');else alert('N');
got 'N'.
So, the object tested by instanceof here refers to the object in js syntax, not the dom model object.
There will be some differences when using typeof:
alert(typeof(window))
You will get object.
This article is about the difference between typeof and instanceof in js. I hope it will be helpful to friends in need!
If you want to know more front-end knowledge points, you can follow the PHP Chinese website JavaScript Video Tutorial, Bootstrap Video Tutorial and other related tutorials. Welcome everyone to refer to and learn!
The above is the detailed content of What are typeof and instanceof in js? What's the difference?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1667
14
1426
52
1328
25
1273
29
1255
24
How to set password protection for export PDF on PS
Apr 06, 2025 pm 04:45 PM
Export password-protected PDF in Photoshop: Open the image file. Click "File"> "Export"> "Export as PDF". Set the "Security" option and enter the same password twice. Click "Export" to generate a PDF file.
The difference between H5 and mini-programs and APPs
Apr 06, 2025 am 10:42 AM
H5. The main difference between mini programs and APP is: technical architecture: H5 is based on web technology, and mini programs and APP are independent applications. Experience and functions: H5 is light and easy to use, with limited functions; mini programs are lightweight and have good interactiveness; APPs are powerful and have smooth experience. Compatibility: H5 is cross-platform compatible, applets and APPs are restricted by the platform. Development cost: H5 has low development cost, medium mini programs, and highest APP. Applicable scenarios: H5 is suitable for information display, applets are suitable for lightweight applications, and APPs are suitable for complex functions.
Difference between centos and ubuntu
Apr 14, 2025 pm 09:09 PM
The key differences between CentOS and Ubuntu are: origin (CentOS originates from Red Hat, for enterprises; Ubuntu originates from Debian, for individuals), package management (CentOS uses yum, focusing on stability; Ubuntu uses apt, for high update frequency), support cycle (CentOS provides 10 years of support, Ubuntu provides 5 years of LTS support), community support (CentOS focuses on stability, Ubuntu provides a wide range of tutorials and documents), uses (CentOS is biased towards servers, Ubuntu is suitable for servers and desktops), other differences include installation simplicity (CentOS is thin)
Why do you need to call Vue.use(VueRouter) in the index.js file under the router folder?
Apr 05, 2025 pm 01:03 PM
The necessity of registering VueRouter in the index.js file under the router folder When developing Vue applications, you often encounter problems with routing configuration. Special...
How to use XPath to search from a specified DOM node in JavaScript?
Apr 04, 2025 pm 11:15 PM
Detailed explanation of XPath search method under DOM nodes In JavaScript, we often need to find specific nodes from the DOM tree based on XPath expressions. If you need to...
What is the difference between syntax for adding columns in different database systems
Apr 09, 2025 pm 02:15 PM
不同数据库系统添加列的语法为：MySQL：ALTER TABLE table_name ADD column_name data_type;PostgreSQL：ALTER TABLE table_name ADD COLUMN column_name data_type;Oracle：ALTER TABLE table_name ADD (column_name data_type);SQL Server：ALTER TABLE table_name ADD column_name data_
The difference between laravel and thinkphp
Apr 18, 2025 pm 01:09 PM
Laravel and ThinkPHP are both popular PHP frameworks and have their own advantages and disadvantages in development. This article will compare the two in depth, highlighting their architecture, features, and performance differences to help developers make informed choices based on their specific project needs.
What are the different ways of promoting H5 and mini programs?
Apr 06, 2025 am 11:03 AM
There are differences in the promotion methods of H5 and mini programs: platform dependence: H5 depends on the browser, and mini programs rely on specific platforms (such as WeChat). User experience: The H5 experience is poor, and the mini program provides a smooth experience similar to native applications. Communication method: H5 is spread through links, and mini programs are shared or searched through the platform. H5 promotion methods: social sharing, email marketing, QR code, SEO, paid advertising. Mini program promotion methods: platform promotion, social sharing, offline promotion, ASO, cooperation with other platforms.
