判断父对象是否在子对象的原型链上几种方法

2024-10-25

JS 对象API之判断父对象是否在子对象的原型链上

语法:父对象.prototype.isPrototypeOf(子对象) 代码栗子: function Student(){ this.name = "小马扎"; ; } var sky = new Student(); var img = new Image(); console.log(Student.prototype.isPrototypeOf(sky)); // true console.log(Student.prototype.isPrototypeOf(img)); //

原型链上的call方法集合

1. Object.prototype.toString.call(value) // 返回数据的类型 // "[object Object]" 等 2. Array.prototype.slice.call(value) // 将类数组,转为真正的数组例如: Array.prototype.slice.call({ 0: 'a', 1: 'b', length: 2 } --> [a, b] Array.prototype.slice.call(document.queryS

JavaScipt30(第四个案例)（主要知识点：数组原型链上的一些方法）

承接上文,下面是第四个案例附上项目链接: https://github.com/wesbos/JavaScript30 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 }, { first: 'Galileo', last: 'Galilei', year:

for in可遍历原型链上扩展的属性，Object.keys() 只遍历自身属性

一.for in 1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问: Object.prototype.say="cgl"; // 修改Object.prototype var person ={ age: 18 }; for (var key in person) { console.log(key, person[key]);//这里用person.key得不到对象key的值,用person[key] 或者 eval("person.&quo

为什么Object.prototype在Function的原型链上与Function.prototype在Object的原型链上都为true

关于javascript的原型链有一个问题我一直很疑惑:为什么 Function instanceof Object 与 Object instanceof Function都为true呢? Function instanceof Object // ->trueObject instanceof Function // ->true12先给个结论吧(函数a和对象b指什么看下去就直到了):Object instanceof Function的实质就是函数a在Object的原型链上:Functi

[js高手之路]原型对象(prototype)与原型链相关属性与方法详解

一,instanceof: instanceof检测左侧的__proto__原型链上,是否存在右侧的prototype原型. 我在之前的两篇文章 [js高手之路]构造函数的基本特性与优缺点 [js高手之路]一步步图解javascript的原型(prototype)对象,原型链已经分享过了. function CreateObj(uName) { this.userName = uName; this.showUserName = function () { return '100'; } }

在Array原型链上扩展remove,contain等方法所遇到的坑

相信jser兄弟们肯定会碰到这样一个问题, 在做数组类的操作的时候,会要求删除数组中的一个元素:亦或是判断某值是否存在于这个数组: OK,拿删除数组元素举例,扩展方法为: Array.prototype.remove = function(val){ var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } } 很简单了扩展了一个删除元素的方法,那么我说的坑是什么呢? 在我们使用for··in 遍历对象的时

深入分析JS原型链以及为什么不能在原型链上使用对象

在刚刚接触JS原型链的时候都会接触到一个熟悉的名词:prototype:如果你曾经深入过prototype,你会接触到另一个名词:__proto__(注意:两边各有两条下划线,不是一条).以下将会围绕prototype和__proto__这两个名词解释为什么不能在原型链上使用对象以及JS原型链的深层原理. 一.为什么不能在原型链上使用对象: 先举一个非常简单的例子,我有一个类叫Humans(人类),然后我有一个对象叫Tom(一个人)和另一个对象叫Merry(另一个人),很明显Tom和Merry都

Javascript作业—数组去重（要求：原型链上添加函数）

数组去重(要求:原型链上添加函数) <script> //数组去重,要求:在原型链上添加函数 //存储不重复的--仅循环一次 if(!Array.prototype.unique1){ Array.prototype.unique1=function(){ var item , hash={}, len=this.length, result=[]; for(var i = 0 ; i < len ; i++){ item = this[i]; if(!hash[item+Object.

用hasOwnProperty获取对象自身的属性排除原型链

今天遇到一个多层级的object. 需要判定每一层级的data下是否有title属性.在下图中展开的data自身其实是没有title的,但由于受到原型链__proto__的影响,在获取parent.data.title的值的时候是可以获取到值的. 这个时候我们需要使用data.hasOwnProperty('title')来判定data自身是否有属性title

判断js对象的数据类型，有没有一个最完美的方法？

先来一个例子: var string1=""; var string2=new String(""); alert(typeof string1); // string alert(typeof string2); // object alert(string1 instanceof String); // false alert(string2 instanceof String); // true 哦,我的天,难道要这样来判断: typeof str == &q

JS对象中，在原型链上找到属性后最终将值拷贝给原对象而不是引用

遇到一个面试题要求写一个函数A,每次进行new操作时候能输出2,3,4,5... new A() // 输出2 new A() // 输出3 new A() // 输出4 function A() { this.a++ console.log(this.a) } A.prototype.a = 1 这样写是错误的,因为实例化对象中的a属性并不是原型上的引用,而是把原型上的a给拷贝了一份给a. 所以这样每次输出都是2. 正确答案: function A() { this.__proto__.a+

JS 原型继承的几种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript"> function Person() { this.name = '老王

关于SQLServer数据库中字段值为NULL,取出来该字段放在DataTable中，判断datatable中该字段值是否为NULL的三种方法

1. DataTable dt; //假设字段为name, dt已经保存了数据dt.rows[0]["name"] == System.DBNull.Value; //判断第一行数据的name字段是否为空 2. DataTable dt; //假设字段为name, dt已经保存了数据 dt.rows[0]["name"].ToString() == &

原生js判断某个元素是否有指定的class名的几种方法

[注意]以下方法只对class只有一个值的情况下操作 ************************************************************* 结构部分: <div> <p>1</p> <p class="test">2</p> <p>3</p> </div> *******************************************

函数语法：原生js判断某个元素是否有指定的class名的几种方法

var aLi = document.querySelectorAll('#tabs li'); for(var i = 0;i <p.length;i++){ //第一种方法,用classList这个H5 API,有兼容性问题 if(aLi[i].classList.contains('active')==true){ console.log(aLi[i]); } //第二种方法,用className这个属性 if(aLi[i].className=='active'){ console.lo

判断点击第几个按钮JS代码的三种方法

方法一:使用下标实现<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function () { var btns = document.getElementsByTagName("butto

javascript --- 子对象访问父对象的方式

在传统面向对象的编程语言里,都会提供一种子类访问父类的特殊语法,引文我们在实现子类方法往往需要父类方法的额外辅助.在这种情况下,子类通常会调用父类中的同名方法,最终以便完成工作. javascript虽然没有类似上述的特殊语法,但我们可以造一个啊! function her(){}; her.prototype.name = 'Anna'; her.prototype.toString = function(){ var const = this.constructor; return cons

JavaScript继承与原型链

对于那些熟悉基于类的面向对象语言(Java 或者 C++)的开发者来说,JavaScript 的语法是比较怪异的,这是由于 JavaScript 是一门动态语言,而且它没有类的概念( ES6 新增了class 关键字,但只是语法糖,JavaScript 仍旧是基于原型). 涉及到继承这一块,Javascript 只有一种结构,那就是:对象.在 javaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接.这个原型对象又有自己的原型,直到某个对象的原型为 null 为

<深入理解JavaScript>学习笔记(5)_强大的原型和原型链

前言 JavaScript 不包含传统的类继承模型,而是使用 prototypal 原型模型. (prototypal :原型.学好英语还是很重要的) 虽然这经常被当作是 JavaScript 的缺点被提及,其实基于原型的继承模型比传统的类继承还要强大.实现传统的类继承模型是很简单,但是实现 JavaScript 中的原型继承则要困难的多. 由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言,所以理解两种继承模式的差异是需要一定时间的,今天我们就来了解一下原型和原型链. 原型

判断父对象是否在子对象的原型链上几种方法

热门专题