javascript --- typeof方法和instanceof方法

ES5中:
原始类型包括:Number、String、Boolean、Null、Undefined
原始封装类型包括:Number、String、Boolean
引用类型包括:Array、Function、RegExp、Error、Date、Error

变量对象
原始类型的实例成为原始值,它直接保存在变量对象中.
引用类型的实例成为引用值,它作为一个指针保存在变量对象内,该指针指向实际对象在内存中的存储位置.

检测方法
原始类型使用:typeof方法
引用类型使用:instanceof方法,(Array使用Array.isArray())

// 原始类型
console.log(typeof "Nicholas");  // "string"
// 引用类型
var s = {} ;
console.log(s instanceof Object);  // true=
// 数组检测
var arr = [];
console.log(Array.isArray(arr)); // true

原始封装类型的特点
在赋值时会自动创建实例,并立即销毁

var name = "Nicholas";
var firstChar = name.charAt(0);
console.log(firstChar);
// javascript引擎执行
var name = "Nicholas";
var temp = new String(name);   // 自动创建实例
var firstChar = temp.charAt(0);
temp = null;  // 销毁
console.log(firstChar);// 使用instanceof操作符检测不出.
console.log(name instanceof String);  // false

内部属性[[Class]]

// 检测引用类型除了使用instanceof之外,还可以使用Object.prototype.toString来查看
console.log(Object.prototype.toString.call([1,2,3]));
console.log(Object.prototype.toString.call( /regex-literal/i ));
console.log(Object.prototype.toString.call(null));
console.log(Object.prototype.toString.call(undefined));
console.log(Object.prototype.toString.call("abc"));
console.log(Object.prototype.toString.call(42));
console.log(Object.prototype.toString.call(true));

在这里插入图片描述
书上原话:所有typeof返回值为"object"的对象都包含一个内部属性[[Class]].这个属性无法直接访问,一般通过Object.prototype.toString来查看

参考《JavaScript面向对象精要》第一章
参考《你不知道的JavaScript》P34~P35

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

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

相关文章

python 基本数据类型常用方法总结

【引言】 python中基本数据类型的有很多常用方法,熟悉这些方法有助于不仅提升了编码效率,而且能写出高质量代码,本文做总结 int .bit_length:返回二进制长度 str 切片索引超出不会报错 切片上下限写反不报错,没有结果 切片倒取&am…

网易试题——关于箭头函数与this和arguments的关系

昨天做试题的时候遇到了这个题目 var a 1;function fn1() {console.log(this.a)}const fn2 () > {console.log(this.a)}const obj {a: 10,fn1: fn1,fn2: fn2}fn1()fn2()obj.fn1()obj.fn2() 哦这该死的网易,怎么出这么简单的题目,答案是&#xff1…

《JavaScript 高级程序设计》笔记 第1~5章

第1章 js是专为网页交互而设计的脚本语言,由3部分组成: ECMAScript,提供核心语言功能DOM文档对象模型,提供访问和操作网页内容的方法和接口BOM浏览器对象模型,提供与浏览器交互的方法和接口 js是一种脚本语言、解释…

【笔记】跨域重定向中使用Ajax(XHR请求)导致跨域失败

背景: 1、前端Web中有两个域名,a.com和b.com,其中a.com是访问主站(页面),b.com是数据提交接口的服务器(XHR请求) 2、a.com中用XHR调用b.com/cerate【没有指定协议】,保存…

javascript --- js中prototype、__proto__、[[Propto]]、constructor的关系

首先看下面一行代码: function Person(name){this.name name; } var person1 new Person; console.log(person1.__proto__ Person.prototype); console.log(person1.constructor Person);控制台打印如下: 可以看见,当使用构造函数(Person)构造一个实例(person1)时, 在后…

前端知识点整理收集(不定时更新~)

知识点都是搜集各种大佬们的,如有冒犯,请告知! 目录 原型链 New关键字的执行过程 ES6——class constructor方法 类的实例对象 不存在变量提升 super 关键字 ES6——...(展开/收集)运算符 面向对象的理解 关…

数据库四大特性与隔离级别

数据库四大特性ACID Atomicity (原子性) :事务(transaction)是由指逻辑上对数据的的一组操作,这组操作要么一次全部成功,如果这组操作全部失败,是不可分割的一个工作单位。 Consistency(一致性) :在事务开始以前&#…

重学《JavaScript 高级程序设计》笔记 第6章对象

第6章 面向对象的程序设计 ECMAScript中没有类的概念; 1.创建对象-历史 1.1 创建实例,添加方法和属性 → 对象字面量 缺点: 使用同一接口创建很多对象,产生大量重复代码 var person new Object() person.name "Y" pe…

Java-reflect(反射)初步理解_1

27.01_反射(类的加载概述和加载时机) A:类的加载概述 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过加载,连接,初始化三步来实现对这个类进行初始化。加载 就是指将class文件读入内存,并为之创建一个…

javascrip --- 构造函数的继承

两点需要注意的. 第一是在构造函数声明时,会同时创建一个该构造函数的原型对象,而该原型对象是继承自Object的原型对象 // 声明一个构造函数Rectengle function Rectangle(length, width) {this.length length;this.width width; }// 即:看见function 后面函数名是大写,一般…

Ruby实例方法和类方法的简写

创建: 2017/12/12 类方法 Sample.func实例方法 Sample#func转载于:https://www.cnblogs.com/lancgg/p/8281677.html

《JavaScript 高级程序设计》笔记 第7章及以后

第7章 函数表达式 匿名函数的name属性是空字符串;闭包是函数:闭包是有权访问另一个函数作用域中变量的函数;(P181 副作用,解释了点击li弹出循环最后值的原因)当某个函数第一次被调用时,会创建一个执行环境及相应作用域链&#xf…

[树形dp] Jzoj P1046 寻宝之旅

Description 探险队长凯因意外的弄到了一份黑暗森林的藏宝图,于是,探险队一行人便踏上了寻宝之旅,去寻找传说中的宝藏。藏宝点分布在黑暗森林的各处,每个点有一个值,表示藏宝的价值。它们之间由一些小路相连&#xff0…

javascript --- 使用语法糖class定义函数

本文讨论的是通过class声明的函数,有什么特点,或者说是指向了哪里. class A() {} // A是一个类// 要看class声明的函数指向哪里,只需将其[[Prototype]]属性打印到控制台,下面看看A和它的原型对象的指向 // 注:[[Prototype]]属性通过__proto__访问 console.log(A.__proto__…

前端知识点整理收集(不定时更新~)二

目录 require() 加载文件机制 线程和进程 线程 单线程 Nodejs的线程与进程 网络模型 初识 TCP 协议 三次握手 I/O I/O 先修知识 阻塞与非阻塞 I/O 同步与异步 I/O Git 基础命令 分支操作 修改远程仓库地址 远程分支获取最新的版本到本地 拉取远程仓库指定分支…

SpringBoot零基础入门指南--搭建Springboot然后能够在浏览器返回数据

File->new Project 修改默认包名,根据自己的喜好修改 选择初始化需要导入的包,尽量不要一开始就导入很多,特别是数据库,不然启动可能会有问题,创建好的目录如下: 配置文件写在application.properties下&…

JavaScript算法相关

1. 排序 1.1.冒泡排序 每一轮比较&#xff0c;从左至右交换相邻&#xff0c;每轮结束&#xff0c;最后一个为最大下一轮&#xff0c;需要比较的个数 - 1 j < len - i (范围动态缩小)共 len - 1 轮比较 function bubbleSort(arr) {var len arr.length;for (var i 1; i &…

javascript --- 编程风格

字符串 const a foobar; const b foo${a}bar; // 此处是反引号(tab键上) const c foobar;解构赋值 const [first, second] arr;function getFullName({ firstName, lastName }) { }function processInput(input) {return { left, right, top, bottom }; } const { left…

$ - 字符串内插

$ 特殊字符将字符串文本标识为内插字符串。 内插字符串是可能包含内插表达式的字符串文本。 将内插字符串解析为结果字符串时&#xff0c;带有内插表达式的项会替换为表达式结果的字符串表示形式。 此功能在 C# 6 及该语言的更高版本中可用。 与使用字符串复合格式设置功能创建…

数据结构基础知识

排序 参考&#xff1a;https://www.bilibili.com/video/av38482633/?spm_id_fromtrigger_reload 目录 排序 插入排序 直接插入排序 折半排序 希尔排序 ​ 交换排序 冒泡排序 快速排序 选择排序 堆排序 流量单位计算 什么是计数排序 复杂度分析&#xff1a; 什…