typeof instanceof constructor

最新推荐文章于 2023-03-06 10:10:13 发布
最新推荐文章于 2023-03-06 10:10:13 发布
阅读量110 收藏
点赞数
文章标签： JavaScript prototype C C++ C# ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jihua2/article/details/83852179
版权

 

JavaScript中，与判断变量的类型相关的，有2个运算符：typeof、instanceof，和一个属性constructor。

通过一个测试的例子来说明。使用Boolean、String、Array和一个自己先创建的类，代码如下所示：

<script language="Javascript">

var myBool = new Boolean();
document.write("Boolean.constructor = " + Boolean.constructor + ".<BR>");
document.write("Boolean.constructor() = " + Boolean.constructor() + ".<BR>");
document.write("myBool.constructor = " + myBool.constructor + ".<BR>");
document.write("myBool.constructor() = " + myBool.constructor() + ".<BR>");
if(typeof(myBool) == Boolean){
   document.write("typeof(myBool) = <B>Boolean</B>.<BR>");
}
else{
   document.write("typeof(myBool) = <B>" + typeof(myBool) +"</B><BR>");
}
if(myBool instanceof Boolean){
   document.write("myBool is a instance of <B>Boolean</B>.<BR><BR>");
}
else if(myBool instanceof [Object]){
   document.write("myBool is a instance of <B>Object</B>.<BR><BR>");
}


var myStr = new String("Hello,Shirdrn!!!");
document.write("String.constructor = " + String.constructor + ".<BR>");
document.write("String.constructor() = " + String.constructor() + ".<BR>");
document.write("String.constructor = " + String.constructor + ".<BR>");
document.write("String.constructor() = " + String.constructor() + ".<BR>");
if(myStr.constructor() == String){
   var sc = myStr.constructor();
   if(sc == ""){
    document.write("myStr.constructor() = \"\".<BR>");
   }
}
if(typeof(myStr) == String){
   document.write("typeof(myStr) = String.<BR>");
}
else{
   document.write("typeof(myStr) = <B>" + typeof(myStr) +"</B><BR>");
}
if(myStr instanceof String){
   document.write("myStr is a instance of <B>String</B>.<BR><BR>");
}
else if(myArray instanceof Object){
   document.write("myStr is a instance of <B>Object</B>.<BR><BR>");
}


var myArray = ["姓名：Shirdrn","年龄：26","Email:shirdrn@hotmail.com"];
document.write("Array.constructor = " + Array.constructor + ".<BR>");
document.write("Array.constructor() = " + Array.constructor() + ".<BR>");
document.write("myArray.constructor = " + myArray.constructor + ".<BR>");
document.write("myArray.constructor() = " + myArray.constructor() + ".<BR>");
if(typeof(myArray) == Array){
   document.write("typeof(myArray) = <B>Array</B>.<BR>");
}
else{
   document.write("typeof(myArray) = <B>" + typeof(myArray) +"</B><BR>");
}
if(myArray instanceof Array){
   document.write("myArray is a instance of <B>Array</B>.<BR><BR>");
}
else if(myArray instanceof Object){
   document.write("myArray is a instance of <B>Object</B>.<BR><BR>");
}

 

function Building(){
   var cost = 0;
   this.setCost = function(c){
    cost = c;
   };
   this.getCost = function(){
    return cost;
   };
};
Building.prototype.located = "";
Building.prototype.projectTeam = "山东第一建筑团队";
Building.prototype.style = "European Style";
Building.prototype.planning = function(){
   var pre = "2月1日：建筑工程全面启动。<BR>";
   pre += "2月1日~11月30日：工程建筑时期。<BR>";
   pre += "11月30日~12月31日：工程检测时期。<BR>";
   pre += "1月1日：完美竣工。<BR>";
   return pre;
};

var myBuilding = new Building();
document.write("Building.constructor = " + Building.constructor + ".<BR>");
document.write("Building.constructor() = " + Building.constructor() + ".<BR>");
document.write("myBuilding.constructor = " + myBuilding.constructor + ".<BR>");
document.write("myBuilding.constructor() = " + myBuilding.constructor() + ".<BR>");
if(typeof(myBuilding) == Building){
   document.write("typeof(myBuilding) = <B>Building.<BR><BR>");
}
else{
   document.write("typeof(myBuilding) = <B>" + typeof(myBuilding) +"</B><BR>");
}
if(myBuilding instanceof Building){
   document.write("myBuilding is a instance of <B>Building</B>.<BR><BR>");
}
else if(myBuilding instanceof Object){
   document.write("myBuilding is a instance of <B>Object</B>.<BR><BR>");
}

</script>

运行结果如下所示：

Boolean.constructor = function Function() { [native code] } .
Boolean.constructor() = function anonymous() { }.
myBool.constructor = function Boolean() { [native code] } .
myBool.constructor() = false.
typeof(myBool) = object
myBool is a instance of Boolean.

String.constructor = function Function() { [native code] } .
String.constructor() = function anonymous() { }.
myStr.constructor = function String() { [native code] } .
myStr.constructor() = .
typeof(myStr) = object
myStr is a instance of String.

Array.constructor = function Function() { [native code] } .
Array.constructor() = function anonymous() { }.
myArray.constructor = function Array() { [native code] } .
myArray.constructor() = .
typeof(myArray) = object
myArray is a instance of Array.

Building.constructor = function Function() { [native code] } .
Building.constructor() = function anonymous() { }.
myBuilding.constructor = function Building(){ var cost = 0; this.setCost = function(c){ cost = c; } this.getCost = function(){ return cost; } }.
myBuilding.constructor() = undefined.
typeof(myBuilding) = object
myBuilding is a instance of Building.

通过程序及其运行结果可以得到如下结论：

JavaScript的类的constructor属性通过测试都是如下形式的：

  

function Function() { [native code] } .

而一个类的constructor方法是如下形式的：

function anonymous() { }.

一个类的对象实例的constructor属性，对于JavaScript内部类是如下这样：

function Array() { [native code] } .

但是对于我们自己创建的JavaScript类，它会得到我们在类的构造函数中设置的内容，如Building类的一个对象实例myBuilding的constructor属性如下所示：

function Building(){ var cost = 0; this.setCost = function(c){ cost = c; }; this.getCost = function(){ return cost; }; }.

对于类的对象实例的constructor方法(即constructor())，JavaScript内部类的对象实例都有自己的默认值，比如Boolean的对象实例的是的constructor()值为false，而String的对象实例的是的constructor()值为""，Array的对象实例的是的constructor()值为""；但是对于我们自己创建的类就是undefined的。

 

 

 

jihua2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS：typeof instanceof constructor prototype区别
01-29
JS：typeof instanceof constructor prototype区别
typeof、instanceof、constructor 的联系、区别、应用场景（js 类型判断）
01-08
`typeof`、`instanceof`和`constructor`是JavaScript中三种常见的用于判断对象类型的工具。下面将详细阐述它们的联系、区别以及应用场景。 `typeof`操作符： `typeof`主要用于检测一个值的数据类型，返回的是一个...
javascript类型判断 typeof instanceof constructor
tengyang11的专栏
06-02 844
<br />由于javascript是弱类型语言,所有有些时候对类型的判断就十分的必要.javascript中对类型判断有3种方法.<br />1.typeof<br />返回运算数的类型,有六种可能的结果:undefined,number,string,boolean,function和object.<br />var strval = "Thomas";<br />alert(typeof strval == 'string');<br />typeof是最基本的用法,但是它有个很要命的弱点,如果运算数
关于typeof 、instanceof 、constructor的用法
qq_37009325的博客
12-14 322
1、  typeof:用于检测基本的数据类型,对于引用类型的数据对象，则都是返回object 例如： var s="my name is xiaojie"; var b=true; var n=10; var x; function show(){ } var o=new Object(); var m=null; var arr=[1,2,3]; var json={'a':
constructor和instanceof的区别与作用
aaa4436048的博客
08-12 371
一、constructor 我们创建的每个函数都有一个prototype（原型）对象，这个属性是一个指针，指向一个对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性是一个指向prototype属性所在函数的指针。 1 function Person () {} 2 3 console.log(Person.prototype) ...
TypeScript高级进阶
油墨香^-^的博客
03-06 538
陆陆续续从文档上手，遂使用本文来记录我的 TypeScript 笔记。没有太多废话，每个 TS 中我觉得难以理解的点都会在文章中详细讲解。无论是是原理还是实践我都会和大家一一道来，希望可以帮助到各位。TypeScript 中可以使用 typeof 关键字作为类型保护，同样的还存在 instanceof 、 in 等关键字。他们的用法比较简单，我就不过多累赘了。不了解的同学可以移步官网。 操作符会将一个对象类型(注意这里是类型并不是值)的组成联合类型返回。 定义中除了用在继承上，还可以
JS中判断数据类型的方法
weixin_44846723的博客
10-20 166
1、typeof (1)、返回类型7种： undefined、boolean、symbol、number、string、object、function。 (2)、 typeof null 返回 object (3)、引用类型中的 数组、日期、正则 也都有属于自己的具体类型，而 typeof 对于这些类型的处理，只返回了处于其原型链最顶端的 Object 类型 2、toString 这个是最完美的...
js判断的数据类型typeof instanceof constructor Object.prototype.toString.call
All_ison的博客
11-05 148
1、js判断的数据类型 基本数据类型：Undefined、Null、Boolean、Number、String，Symbol 引用数据类型 ：Object let bool = true; let num = 1; let str = 'abc'; let und= undefined; let nul = null; let arr = [1,2,3,4]; let obj = {name:'xiaoming',age:22}; let fun = function(){console.log(.
JavaScript的数据类型检测的四种方式详解 typeof instanceof constructor toString原理
听雨少年的博客
04-07 808
JavaScript数据类型检测 对于确定一个js变量的类型，我们大概都知道几种方式。对于弱语言来说，检测其正确的类型是一件不是特别容易的事情。那么我们有几种方式来检查一个js变量的类型？ **从大的方向来说，js的数据类型分为基本数据类型和引用数据类型。**对于js的基本类型和引用类型是那些，这里就不在赘述。此外，在ES6新增的 symbol基本类型，ES7新增bigint大数类型，也是基本类型。 一般获取一个js类型的方式，大概应该是四种(我目前只知道这四种) typeof ** instanceo
Js判断数据类型的方法 typeof instanceof constructor
xxc_yc的博客
01-14 142
typeof 判断数据类型 // 1.基本数据类型判断 var str = '我是字符串'; var num = 123456; var arr = [1,2,5,3,6]; var obj = {name:'对象'}; console.log(typeof str); // 返回string console.log(typeof num); // 返回number console.log(typeof arr); // 返回object console.log(typeof obj); // 返
Array, Array Constructor, for in loop, typeof, instanceOf
09-05
避免使用`for in`循环遍历数组，采用经典`for`循环并缓存`length`，明确理解`Array`构造函数的行为，以及正确使用`typeof`和`instanceOf`进行类型检查，这些都是编写高质量JavaScript代码的关键。
JavaScript中instanceof与typeof运算符的用法及区别详细解析
10-26
它的语法结构是`object instanceof constructor`。例如，如果`obj`是`Person`构造函数的一个实例，`obj instanceof Person`将返回`true`。`instanceof`不仅能识别自定义对象，还可以识别内置对象，如数组、日期、...
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
当代野生程序猿
02-25 5468
通常在展示人物对话的时候文本的长度是不定的，因此会需要动态的调整对话内容文本框的背景图片的大小，这里以如下这种气泡框的对话为例： 实现该需求涉及到的内容包括Content Size Fitter组件的使用、2D Sprite工具包的使用。 Content Size Fitter组件用于Text文本框，如图所示，我们将Horzontal Fit设为Preferred Size，当我们调整Text文本框中的内容时，其大小会自动进行调整。 注意Rect Transform中Pivot轴心点的设置
新唐NUC972 Linux（一）：USB烧写linux出厂镜像
小破孩的博客
02-20 3092
USB烧写出厂镜像 文章目录USB烧写出厂镜像前言一、硬件连接二、安装驱动三、烧写linux程序四、运行程序 前言 今天开始进军linux，学了那么久单片机，也摸得七七八八，至少点个灯还是会的。本人之所以买酷客的linux开发板主要是便宜，资料也算齐全，虽然没有原子那么好，不过也够了，找那么多借口，其实就是qiong。今天先从USB烧录官方提供的linux相关程序到芯片开始吧。 一、硬件连接 1、连接电源线 2、RS232转USB，需要安装CH340驱动，用于在电脑串口超级终端中查看调试信息。 3、U
WeChall CTF Writeup（一）
weixin_43211186的博客
02-25 1264
以下题目标题组成： [Score] [Title] [Author] 文章目录0x01 1 Training: Get Sourced by Gizmore0x02 1 Training: Stegano I by Gizmore0x03 1 Training: Crypto - Caesar I by Gizmore0x04 1 Training: WWW-Robots by Gizmore0x05 1 Training: ASCII by Gizmore 0x01 1 Training: Get Sou
C语言每日一练——第126天：佩奇借书问题
热门推荐
Edison's 小宇宙
02-25 2万+
史上最强借书方案问题讲解（代码详解+思路分析+动图演示+特性总结）
CS5261与CS5265功能应用|CS5261替代RTD2171|CS5265替代RTD2172
qq1659747718的博客
02-25 1172
CS5261可以完全替代兼容停产RTD2171,CS5265可以完全替代兼容RTD2172，芯片单价低，整体方案设计简单，整体BOM成本较RTD2171、RTD2172低。
Hello Kafka（八）——Confluent Kafka简介
天山老妖
02-24 8755
一、Confluent Kafka简介 1、Confluent Kafka简介 2014年，Kafka的创始人Jay Kreps、NahaNarkhede和饶军离开LinkedIn创立Confluent公司，专注于提供基于Kafka的企业级流处理解决方案，并发布了Confluent Kafka。Confluent Kafka分为开源版和企业版，企业版收费。 2、Confluent Kafka特性 Confluent Kafka开源版特性如下： （1）Confluent Kafka Connecto
typeof 和instanceof Object.prototype.toString.call(),cunstrutor
最新发布
04-04
typeof是JavaScript中的一个操作符，用于确定一个值的数据类型，返回值为字符串类型。例如，typeof "hello"会返回"string"，typeof 123会返回"number"。 instanceof是JavaScript中的一个操作符，用于检查一个对象是否是某种类型的实例，返回值为布尔类型。例如，"hello" instanceof String会返回false，因为"hello"是一个字符串字面量而不是String对象的实例，而new String("hello") instanceof String会返回true。 Object.prototype.toString.call()是一种常用的方法，可以确定一个值的具体类型。它会返回一个以"[object 类型]"形式表示的字符串，其中类型就是值的具体类型。例如，Object.prototype.toString.call("hello")会返回"[object String]"。 constructor是JavaScript对象的一个属性，指向创建该对象的构造函数。例如，var str = new String("hello")，那么str.constructor就指向String构造函数。可以使用constructor来确定一个对象的类型。例如，if (str.constructor === String) { ... }。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值