JavaScript 类与类型判断

news2025/1/11 21:47:31

JavaScript中的数据类型

        JavaScript的数据类型大致分为两种:原始类型、对象类型。

        原始类型:数字Number、字符串String、布尔值boolean、以及两个特殊值(null、undefined).

        对象类型:数组Array、函数Function、日期Date、正则RegExp、错误Error。

使用时的注意点

        在客户端Javascript中还有一个比较严重的不足,就是在多窗口和多框架子页面的web应用中兼容性不佳。

        每个窗口和框架子页面都具有单独的执行上下文,每个上下文都包含独有的全局变量和一组构造函数,在两个不同框架页面中创建的两个数组继承自两个相同但互相独立的原型对象,其中一个框架页面中的数组不是另一个框架页面Array()构造函数的实例,instanceof运算结果为false。

        instanceof运算符和isPrototypeOf方法的缺点:我们无法通过对象来获得类名,只能检测对象是否属于指定的类名。

typeof

        我们通常使用typeof运算符得到值的类型,如下:

function Pim() {
  this.name = "night";
  this.highSounce = function () {
    console.log("this high sounce is raining");
  }
}
//typeof的使用
function typeofClick(){
  var pim = new Pim();
  var name = typeof(pim);
  console.log("typeof pim:");
  console.log(name);
}

      结果如下:

                 

Instanceof

        左操作数是检测其类的对象,右操作数是定义类的构造函数/类的类名。

        尽管instanceof运算符的右操作数是构造函数,但计算过程实际上是检测了对象的继承关系,而不是检测创建对象的构造函数或类的名字。

        instanceof实质上检查的是原型链,检查当前对象原型链上的每个原型是否为目标类

function Pim() {
  this.name = "night";
  this.highSounce = function () {
    console.log("this high sounce is raining");
  }
}
function SubPity() {
  this.name = "sub night";
  this.time = function () {
    console.log("Today is 2023.2.1");
  }
}
function SptBox() {
  this.name = "moon night";
  this.showBeatiful = function () {
    console.log("It is a beatiful day!");
  }
}

//instanceof 的使用
function instanceofClick() {
  var pim = new Pim();
  var pity = new SubPity();
  pity.prototype = pim;
  var spt = new SptBox();
  spt.prototype = pity;

  var na_one = pity instanceof SubPity;
  console.log("spt instanceof SubPity:");
  console.log(na_one);

  var na_two = pity instanceof SubPity;
  console.log("pity instanceof SubPity:");
  console.log(na_two);

  var na_three = spt instanceof SptBox;
  console.log("spt instanceof SptBox:");
  console.log(na_three);
  
  var na_four = spt instanceof SubPity;
  console.log("spt instanceof SubPity:");
  console.log(na_four);
}

   结果如下:

                      

isPrototypeOf

        判断一个类是否为一个对象的原型,比如:Object.prototype.isPrototypeOf(r),Object是否为实例对象r的原型

function Pim() {
  this.name = "night";
  this.highSounce = function () {
    console.log("this high sounce is raining");
  }
}
function SubPity() {
  this.name = "sub night";
  this.time = function () {
    console.log("Today is 2023.2.1");
  }
}
function SptBox() {
  this.name = "moon night";
  this.showBeatiful = function () {
    console.log("It is a beatiful day!");
  }
}

// ES6 父类与子类的
class Person{
  constructor(){
    this.name = "father";
  }
}
class ChildOne extends Person{
  constructor(){
    super();
    this.name = "child";
  }
}

//判断实例对象原型链上是否有某个原型 isPrototypeof
function isPrototypeofClick() {
  var pim = new Pim();

  SubPity.prototype = pim;
  SubPity.prototype.constructor = SubPity;
  var pity = new SubPity();

  SptBox.prototype = pity;
  SptBox.prototype.constructor = SptBox;
  var spt = new SptBox();

  var re_one = SubPity.prototype.isPrototypeOf(spt);
  console.log("SubPity prototype isprototypeof spt:");  //SubPity是否是spt的原型
  console.log(re_one);

  var re_two = Pim.prototype.isPrototypeOf(spt);
  console.log("Pim prototype isprototypeof spt:");
  console.log(re_two);

  // ES6 中的类与继承关系下,使用isPrototypeOf
  var child = new ChildOne();
  var re_three = Person.prototype.isPrototypeOf(child);
  console.log("Person prototype isPrototype of child:");
  console.log(re_three);
} 

运行结果如下:


​​​​​​​

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/193854.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Small RTOS51 学习笔记(10)Small RTOS51 的移植

个人笔记 文章目录准备一个 51 单片机工程将 Small RTOS51 相关文件添加到工程一个简单的程序运行效果遇到的问题准备一个 51 单片机工程 我打算拿一个现成的 51 单片机工程来移植 Small RTOS51, 当然,也可以重新创建一个新的工程。 将 Small RTOS51 相…

记录一次sql group by 优化记录

最近有个手动任务,需要计算每天的数据量,然后再进行处理。根据这种情况计算,sql是这样的SELECT FROM_UNIXTIME(publish_time / 1000, %Y-%m-%d) date,COUNT(*) as countFROMinfo_article_mainWHEREpublish_time BETWEEN ?AND ?GROUP BY dat…

Windows实时运动控制软核(六):LOCAL高速接口测试之Matlab

今天,正运动小助手给大家分享一下MotionRT7的安装和使用,以及使用Matlab对MotionRT7开发的前期准备。 01 MotionRT7简介 MotionRT7是深圳市正运动技术推出的跨平台运动控制实时内核,也是国内首家完全自主自研,自主可控的Windows…

flutter 中stack 控件的 大小是如何确定的

stack 控件 stack 是我们在flutter中常用到的控件,然而stack的大小是如何确定的是一个值得探究的问题,自己在网上也进行了搜索,但是总是不能解释自己遇到的新情况,所以我这里就根据目前的经验对stack大小是如何确定的进行一下总结…

【Java基础】006 -- 运算符

目录 一、算数运算符 1、基本用法 2、高级用法 ①、数字相加 ②、字符串相加 ③、字符相加 二、自增自减运算符 1、基本用法 三、赋值运算符 四、关系运算符 五、逻辑运算符 1、四种逻辑运算符 2、短路逻辑运算符 六、三元运算符 1、什么是三元运算符 2、三元运算符格式 七、运…

规则引擎-drools-3.3-drl文件构成-rule部分-条件Condition

文章目录drl文件构成-rule部分条件部分 LHS模式(Pattern)、绑定变量属性约束DRL中支持的规则条件元素(关键字)运算符比较操作符条件元素继承条件元素do对应多then条件drl文件构成-rule部分 drl文件构成,位于官网的第5…

工程师是怎样对待开源

工程师如何对待开源 本文是笔者作为一个在知名科技企业内从事开源相关工作超过 20 年的工程师,亲身经历或者亲眼目睹很多工程师对待开源软件的优秀实践,也看到了很多 Bad Cases,所以想把自己的一些心得体会写在这里,供工程师进行…

递归、dfs、回溯、剪枝,一针见血的

一、框架:回溯搜索的遍历过程:回溯法⼀般是在集合中递归搜索,集合的⼤⼩构成了树的宽度,递归的深度构成的树的深度。for循环就是遍历集合区间,可以理解⼀个节点有多少个孩⼦,这个for循环就执⾏多少次。back…

那些提升工作效率的Windows常用快捷键

那些提升工作效率的Windows常用快捷键 前言 在我们日常工作中,掌握一些常用的电脑快捷键,可以让办公效率事半功倍,熟用快捷键可以极大增加我们的工作效率,更重要的是键盘操作看起来更让人赏心悦目! 我们通常将快捷键…

【C++】作用域与函数重载

【C】作用域与函数重载 1、作用域 1.1 作用域的作用 作用域——scope 通常来说,一段程序代码中所用到的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。 简单来说,作用域的使用减少了代码中名字的重复冲…

13、稀疏矩阵

目录 一、稀疏矩阵的生成 1.利用sparse函数建立一般的稀疏矩阵 2.利用特定函数建立稀疏矩阵 二、稀疏矩阵的运算 一、稀疏矩阵的生成 1.利用sparse函数建立一般的稀疏矩阵 稀疏矩阵指令的调用格式: 示例1:输入一个稀疏矩阵 Asparse([1 2 3 4 5],[…

教你一招完美解决 pptx 库安装失败的问题

上一篇:Python的序列结构及常用操作方法,学完这一篇你就彻底懂了 文章目录前言一、pptx 库是什么?二、安装失败原因及解决方案总结前言 昨天有粉丝问我,为什么Python的 pptx 库老是安装失败?加上国内镜像源也不行&…

分布式微服务2

目录 Nacos注册中心 下载 启动 快速入门 1.在父工程中添加spring-cloud-alilbaba的管理依赖子模块添加nacos的客户端依赖 2.子模块添加nacos的客户端依赖 3.子模块配置文件 4.启动 Nacos服务分级存储模型 集群配置 nacos的负载均衡 Nacos环境隔离 新建命名空间 N…

六、Linux 软件包管理

一、Linux 软件包管理简介 1、软件包分类 源码包 - 脚本安装二进制包 -(RPM 包, 系统默认包) 2、源码包优缺点 源码包优点: 开源,可以看到,并且可以修改源代码。可以自由选择所需要的工能。软件是编译安…

初识 Linux Shell

学习的第一步,就是要找到 Linux 终端的所在位置。目前较常见的图形化终端有 Konsole、Gnome terminal、xterm 等几种。一般安装后在各个发行版的菜单中搜索即可找到。Gnome terminal 和 Konsole 基本是当前各大流行 Linux 发行版预装最多的终端应用,功能…

分时电价环境下用户负荷需求响应分析方法(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

升级JDK11后,执行java -version还是1.8

电脑同时安装两个JDK,如何来回切换1. JDK INSTALL1.1 Download1.2 配置环境变量2. 配置JDK11无效2.1 JDK切换3.Awakening1. JDK INSTALL 1.1 Download 官网下载 JDK Website: https://www.oracle.com/java/technologies/downloads/. oracle账密 zhaonan0212163.com Tomcat123…

论文翻译:Text-based Image Editing for Food Images with CLIP

使用 CLIP 对食物图像进行基于文本的图像编辑 图1:通过文本对食品图像进行处理的结果示例。最左边一栏显示的是原始输入图像。"Chahan"(日语中的炒饭)和 "蒸饭"。左起第二至第六列显示了VQGAN-CLIP所处理的图像。每个操作…

小程序项目学习--第六章:项目实战二、推荐歌曲-歌单展示-巅峰榜-歌单详情-页面优化

第六章:推荐歌曲-歌单展示-巅峰榜-歌单详情-页面优化 01_(掌握)音乐页面-推荐歌曲的数据获取和展示 推荐歌曲的数据获取的实现步骤 0.封装对应请求接口方法 export function getPlaylistDetail(id) {return hyRequest.get({url: "/playlist/detail",d…

Python中append浅拷贝机制

关于深浅拷贝,最直观的理解就是:深拷贝:拷贝的程度深,自己新开辟了一块内存,将被拷贝内容全部拷贝过来了;浅拷贝:拷贝的程度浅,只拷贝原数据的首地址,然后通过原数据的首…