instanceof

JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。 既然要实现继承，那么我们先定义一个父类： // 定义一个动物类 function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ alert(this.name + '正在睡觉！'); } } // 原型方法 Animal.prototype.eat = function(food) { alert(this.name + '正在吃：' + food); }; 1、原型链继承 核心： 将父类的实例作为子类的原型 function Cat(){ } Cat.prototype = new Animal(); Cat.prototype.name = 'cat'; //　Test Code var cat = new Cat(); alert(cat.name); alert(cat.eat('fish')); alert(cat.sleep()); alert(cat instanceof Animal); //true alert(cat instanceof Cat); //true 特点： 非常纯粹的继承关系，实例是子类的实例，也是父类的实例 父类新增原型方法/原型属性，子类都能访问到 缺点：

1、typeof：返回一个字符串 根据typeof判断对象 表达式 返回值 typeof undefined 'undefined' typeof true 'boolean' typeof 123 'number' typeof "abc" 'string' typeof function() {} 'function' typeof {} 'object' typeof [] 'object' typeof null 'object' function f(...args) { console.log(typeof args); //object　　 console.log(args instanceof Array); //true} 总结：typeof返回值是一个字符串，该字符串说明运算数的类型，一般只返回一下六种： number、string、Boolean、undefined、function、object（null、对象、数组） 对于数组、对象以及null，返回值都为object，这正是typeof的局限性。 2、instanceof：用于判断一个变量是否为某个类的实例 var a = []; console.log(a instanceof Array); //true console.log(a instanceof Object); //true

一，数据类型知识补充 String()有参函数：null->null undefined–>undefined 其他都可以转换为string类型 boolean 和Number类型都是调用了toString()方法，null和undefined没有toString()方法 Number()参数放进去 字符串–>Number 数值类型直接转换，只要出现了非数值类型的变为NaN 空格或者空串 返回0 字符串类型的会自动转换为数字类型 再取整 ，非字符串类型的会先转换成字符串类型 yu=parseInt(yu,16);//控制进制转换为哪个进制 把yu转换为16进制的 二，对象知识 属性名： 1).对象的属性名不强制要求遵守标识符的规范 什么乱七八糟的名字都可以使用 但是我们使用是还是尽量按照标识符的规范去做 如果要使用特殊的属性名，不能采用.的方式来操作 2).需要使用另一种方式： 语法：对象[“属性名”] = 属性值 读取时也需要采用这种方式 使用[]这种形式去操作属性，更加的灵活， 在[]中可以直接传递一个变量，这样变量值是多少就会读取那个属性 3).属性值 JS对象的属性值，可以是任意的数据类型 甚至也可以是一个对象 in 运算符 通过该运算符可以检查一个对象中是否含有指定的属性 如果有则返回true，没有则返回false 语法： “属性名” in 对象

和 NodeList 类似, HTMLCollection 也是一个 类数组对象, 和NodeList不同的是, 它是各种 元素节点 的集合, 且不具有 forEach() 方法, 因此如果不转为真正的数组, 则只能用 for 去遍历. 会返回 HTMLCollection 对象的属性方法包括: document.links / document.forms / document.images / document.getElementsByXXX() / 等, 在实际开发中, 碰到HTMLCollection 的概率会比 NodeList 要更多. document.getElementsByTagName('div') instanceof HTMLCollection // true document.querySelectorAll('div') instanceof NodeList // true 以上两个方法获取页面上所有 div 元素节点, 不过前者(document.getElementsByTagName)要更快, 因为它只在元素节点里面找, 而后者是在7种节点类型里面找. 来源： https://www.cnblogs.com/aisowe/p/11526904.html

原型(prototype)在js中可是担当着举足轻重的作用，原型的实现则是在原型链的基础上，理解原型链的原理后，对原型的使用会更加自如，也能体会到js语言的魅力。 本文章会涉及的内容 原型及原型对象 原型链 （JavaScript核心部分） 类的继承 instanceof constructor 我们先用一个构造器来实现一个构造函数： function A(){ this.mark = "A"; this.changeMark = function(){ this.mark += "_changed"; } } A.prototype.mark2 = "A2"; A.prototype.changeMark2 = function(){ this.mark2 += "_changed"; } var a = new A(); var a2 = new A(); //下面则说明构造函数实例化后，分配着不同的实例对象，互不相关 console.log(a.mark); //"A" console.log(a2.mark); //"A" a.changeMark(); //使用实例对象中的方法 console.log(a.mark); //"A_changed" console.log(a2.mark); //"A" //下面则说明了new操作符的一项作用

isPrototypeOf、instanceof、hasOwnProperty函数介绍： https://www.jianshu.com/p/44ba37660b4a isPrototypeOf 作用：检测一个对象是否是另一个对象的原型。或者说一个对象是否被包含在另一个对象的原型链中 var p = {x:1};//定义一个原型对象 var o = Object.create(p);//使用这个原型创建一个对象 p.isPrototypeOf(o);//=>true：o继承p Object.prototype.isPrototypeOf(p);//=> true p继承自Object.prototype 以上实例来自与《JavaScript权威指南》，简单解释一下就是每一个 JavaScript 对象都和原型关联，每一个对象都从原型继承属性。所有通过对象直接量创建的对象都使用 Object.prototype 作为他们的原型，因此 p 是继承自 Object.prototype ，因此在 p 的原型链中一定存在 Object.prototype 。 上面还提到了 Object.create(); 该方法创建一个新对象，第一个参数是这个对象的原型，所以上面创建的 o 对象它的原型就是 p ； function Animal(){ 　　　　this.species = "动物"; 　}

JS中typeof与instanceof的区别: https://www.cnblogs.com/Trr-984688199/p/6180040.html JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。 但它们之间还是有区别的： typeof typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。 它返回值是一个字符串，该字符串说明运算数的类型。（ typeof 运算符返回一个用来表示表达式的数据类型的字符串。 ） typeof其实就是判断参数是什么类型的实例，就一个参数 typeof 一般只能返回如下几个结果： "number"、"string"、"boolean"、"object"、"function" 和 "undefined"。 运算数为数字 typeof(x) = "number" 字符串 typeof(x) = "string" 布尔值 typeof(x) = "boolean" 对象,数组和null typeof(x) = "object" 函数 typeof(x) = "function" console.log(typeof (123));//typeof(123)返回"number" console.log(typeof ("123"));//typeof("123")返回