isPrototypeOf&&getPrototypeOf
时间:2019-09-15
本文章向大家介绍isPrototypeOf&&getPrototypeOf,主要包括isPrototypeOf&&getPrototypeOf使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
isPrototypeOf&&getPrototypeOf:https://www.cnblogs.com/giggle/p/5208199.html
在JavaScript这个一切皆为对象的世界里,难免会判断原型链的问题。那么我们就有必要了解了解isPrototypeOf和getPrototypeOf这两个方法咯。
1、isPrototypeOf |
isPrototypeOf |
|
作用 |
我的理解:确定一个对象的原型链中是否继承了prototype |
官方语言:Determines whether an object exists in another object's prototype chain. |
|
用法 |
prototype.isPrototypeOf(object) |
备注 |
如果object的原型链中有prototype,则返回true;否则,返回false |
我们一起demo下,看看isPrototypeOf到底是个什么东东。
<!DOCTYPE html> <head> <title>isPrototypeOf</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> function A(){ } var a = new A(); //通过A创建一个对象a,所以a的__proto__是指向A.prototype的 console.log(A.prototype.isPrototypeOf(a)); //A.__proto__是指向Object.prototype的 console.log(Object.prototype.isPrototypeOf(A)); //由于A.prototype的__proto__是指向Object.prototype的,所以a也就含有Object.prototype咯 console.log(Object.prototype.isPrototypeOf(a)); </script> </body> </html>
运行上面的代码,截图chrome,如下
从上面的代码和chrome结果,可知isPrototypeOf的确是判断对象中的原型链是否继承了prototype。
2、getPrototypeOf |
getPrototypeOf |
|
作用 |
返回对象__proto__指向的原型prototype |
用法 |
Object的静态方法,使用如下Object.getPrototypeOf(object) |
还是如此,我们一起demo下
<!DOCTYPE html> <head> <title>getPrototypeOf</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <script> function Fn(){ } var fn = new Fn(); //通过getPrototypeOf静态方法,获得对象fn的prototype var proto = Object.getPrototypeOf(fn); //将获得的prototype添加一个name属性,并赋值 proto.name = 'Monkey'; //输出对象fn.name console.log(fn.name); //判断proto是否是Fn.prototype console.log( 'proto === Fn.prototype? ' + (proto === Fn.prototype) ); //判断fn的__proto__是否指向了prototype console.log( proto.isPrototypeOf(fn)); </script> </body> </html>
执行上面的代码,截图chrome,如下
从上面的代码和结果图,可得:
getPrototypeOf,的确是返回对象__proto__指向的prototype。
原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/11524144.html
- [快学Python3]XML解析处理 - Element Tree
- Educational Codeforces Round 21(A.暴力,B.前缀和,C.贪心)
- [快学Python3]JSON解析
- Codeforces 754A Lesha and array splitting(简单贪心)
- [快学Python3]日期和时间处理
- Codeforces Round #412 (rated, Div. 2, base on VK Cup 2017 Round 3)(A.B.C,3道暴力题,C可二分求解)
- [快学Python3]目录与文件操作
- Codeforces Round #411 (Div. 2)(A,B,C,D 四水题)
- [快学Python3]INI文件读写
- [快学Python3]迭代器和生成器
- [快学Python3]模块和包
- 除法取模与逆元/费马小定理
- [快学Python3]类基础
- 邻接矩阵存储有向图(详解)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解android webView独立进程通讯方式
- Android编程中File文件常见存储与读取操作demo示例
- Android读取properties配置文件的实例详解
- Android开发实现popupWindow弹出窗口自定义布局与位置控制方法
- Android编程实现使用handler在子线程中更新UI示例
- Android编程实现图片放大缩小功能ZoomControls控件用法实例
- 详解Android MacAddress 适配心得
- Android编程使用GestureDetector实现简单手势监听与处理的方法
- 【MySQL】通过SQL_Thread快速恢复binlog
- 渗透系列之flask框架开启debug模式漏洞分析
- Android之ImageSwitcher的实例详解
- Android中HTTP请求中文乱码解决办法
- Android编程之播放器MediaPlayer实现均衡器效果示例
- Android studio点击跳转WebView详解
- Android webveiw 出现栈错误解决办法