illustrating javascript prototype & prototype chain
illustrating javascript prototype & prototype chain
图解 js 原型和原型链
proto & prototype
func;
// ƒ func (name) {
// this.name = name || `default name`;
// }
// 构造函数具有一个 prototype 属性,
func.prototype;
// {constructor: ƒ}
// 构造函数的 prototype 属性指向该构造函数的原型对象,
// 该构造函数的原型对象有一个 constructor 属性指向该构造函数本身,
func.prototype.constructor;
// ƒ func (name) {
// this.name = name || `default name`;
// }
func.prototype.constructor === func;
// true
// var funcInstance = new func();
funcInstance = new func();
// func {name: "default name"}
// 构造函数生成的实例对象具有一个 __proto__ 属性,
funcInstance.__proto__;
// {constructor: ƒ}
// 生实例对象的 __proto__ 属性指向其构造函数的原型对象,
funcInstance.__proto__ == func.prototype;
// true
// 生实例对象的没有 prototype 属性,
funcInstance.prototype;
// undefined
Function
"use strict";
/**
*
* @author xgqfrms
* @license MIT
* @copyright xgqfrms
* @created 2020-07-18
* @modified
*
* @description
* @difficulty Easy Medium Hard
* @complexity O(n)
* @augments
* @example
* @link
* @solutions
*
*/
const log = console.log;
/************************************************/
Object;
// ƒ Object() { [native code] }
Object.prototype;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
Object.__proto__;
// ƒ () { [native code] }
Object.__proto__ === Object.prototype;
// false
/************************************************/
Function;
// ƒ Function() { [native code] }
Function.prototype;
// ƒ () { [native code] }
Function.__proto__;
// ƒ () { [native code] }
Function.__proto__ === Function.prototype;
// true
/************************************************/
Object.__proto__ === Function.__proto__;
// true
/************************************************/
function func (name) {
this.name = name || `default name`;
}
func;
// ƒ func (name) {
// this.name = name || `default name`;
// }
func.__proto__;
// ƒ () { [native code] }
func.__proto__.constructor;
// ƒ Function() { [native code] }
func.__proto__.constructor.prototype;
// ƒ () { [native code] }
func.__proto__.prototype;
// undefined
func.__proto__.__proto__;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
func.__proto__.__proto__.constructor;
// ƒ Object() { [native code] }
func.__proto__.__proto__.prototype;
// undefined
func.__proto__.__proto__.__proto__;
// null
/************************************************/
func.prototype;
// {constructor: ƒ}
// constructor: ƒ func(name)
// __proto__: Object
func.prototype.constructor;
// ƒ func (name) {
// this.name = name || `default name`;
// }
func.prototype.constructor.prototype;
// {constructor: ƒ}
// constructor: ƒ func(name)
// __proto__: Object
func.prototype.prototype;
// undefined
func.prototype.__proto__;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
func.prototype.__proto__.constructor;
// ƒ Object() { [native code] }
func.prototype.__proto__.prototype;
// undefined
func.prototype.__proto__.__proto__;
// null
/************************************************/
// compare
func.__proto__ === Function.prototype;
// true
func.__proto__ === Function.__proto__;
// true
func.__proto__ === Object.__proto__;
// true
func.prototype === Function.prototype;
// false
func.prototype === Object.prototype;
// false
func.prototype.constructor === func;
// true
Object
"use strict";
/**
*
* @author xgqfrms
* @license MIT
* @copyright xgqfrms
* @created 2020-07-18
* @modified
*
* @description
* @difficulty Easy Medium Hard
* @complexity O(n)
* @augments
* @example
* @link
* @solutions
*
*/
const log = console.log;
/************************************************/
Object;
// ƒ Object() { [native code] }
Object.prototype;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
Object.__proto__;
// ƒ () { [native code] }
Object.__proto__ === Object.prototype;
// false
/************************************************/
Function;
// ƒ Function() { [native code] }
Function.prototype;
// ƒ () { [native code] }
Function.__proto__;
// ƒ () { [native code] }
Function.__proto__ === Function.prototype;
// true
/************************************************/
Object.__proto__ === Function.__proto__;
// true
/************************************************/
var obj = {
name: "xgqfrms",
};
obj;
// {name: "xgqfrms"}
// name: "xgqfrms"
// __proto__: Object
obj.__proto__;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
obj.__proto__.constructor;
// ƒ Object() { [native code] }
obj.__proto__.constructor.prototype;
// {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
// constructor: ƒ Object()
// hasOwnProperty: ƒ hasOwnProperty()
// isPrototypeOf: ƒ isPrototypeOf()
// propertyIsEnumerable: ƒ propertyIsEnumerable()
// toLocaleString: ƒ toLocaleString()
// toString: ƒ toString()
// valueOf: ƒ valueOf()
// __defineGetter__: ƒ __defineGetter__()
// __defineSetter__: ƒ __defineSetter__()
// __lookupGetter__: ƒ __lookupGetter__()
// __lookupSetter__: ƒ __lookupSetter__()
// get __proto__: ƒ __proto__()
// set __proto__: ƒ __proto__()
obj.__proto__.prototype;
// undefined
obj.__proto__.__proto__;
// null
obj.__proto__.__proto__.constructor;
// Uncaught TypeError: Cannot read property 'constructor' of null
obj.__proto__.__proto__.prototype;
// Uncaught TypeError: Cannot read property 'prototype' of null
obj.__proto__.__proto__.__proto__;
// Uncaught TypeError: Cannot read property '__proto__' of null
/************************************************/
obj.prototype;
// undefined
obj.prototype.constructor;
// Uncaught TypeError: Cannot read property 'constructor' of undefined
obj.prototype.constructor.prototype;
// Uncaught TypeError: Cannot read property 'constructor' of undefined
obj.prototype.prototype;
// Uncaught TypeError: Cannot read property 'prototype' of undefined
obj.prototype.__proto__;
// Uncaught TypeError: Cannot read property '__proto__' of undefined
obj.prototype.__proto__.constructor;
// Uncaught TypeError: Cannot read property '__proto__' of undefined
obj.prototype.__proto__.prototype;
// Uncaught TypeError: Cannot read property '__proto__' of undefined
obj.prototype.__proto__.__proto__;
// Uncaught TypeError: Cannot read property '__proto__' of undefined
/************************************************/
// compare
obj.__proto__ === Function.prototype;
// false
obj.__proto__ === Function.__proto__;
// false
obj.__proto__ === Object.__proto__;
// false
obj.prototype === Function.prototype;
// false
obj.prototype === Object.prototype;
// false
obj.prototype.constructor === obj;
// Uncaught TypeError: Cannot read property 'constructor' of undefined
obj.__proto__.constructor.prototype === Object.prototype;
//true
refs
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！
illustrating javascript prototype & prototype chain的更多相关文章
- javascript 之 prototype 浅析
prototype 原型 javascript 是一种 prototype based programming 的语言, 而与我们通常的 class based programming 有很大 的区别 ...
- Javascript中prototype属性详解 （存）
Javascript中prototype属性详解 在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不 ...
- （转载）详解Javascript中prototype属性(推荐)
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...
- Javascript: 从prototype漫谈到继承(2)
本文同时也发表在我另一篇独立博客 <Javascript: 从prototype漫谈到继承(2)>(管理员请注意!这两个都是我自己的原创博客!不要踢出首页!不是转载!已经误会三次了!) 上 ...
- JavaScript 笔记 ( Prototype )
这阵子实在好忙 ( 这样说好像也不是一两个月了... ),然后因为工作伙伴都是 JavaScript 神之等级的工程师,从中也学到不少知识,毕竟就是要和强者工作才会成长呀!为了想好好瞭解他们写的程式码 ...
- Javascript Array.prototype.some()
当我们使用数组时,查找数组中包含某个特殊的项是非常常见的动作.下面例子是一个简单的实现: 01 planets = [ 02 "mercury", 03 " ...
- JavaScript和prototype
Protoype这个词在javascript中可以有两种理解: 第一种是作为javascript中的一个属性,其一般出现的形式为:类名.prototype. prototype 属性让你有能力向对象添 ...
- 在 JavaScript 中 prototype 和 __proto__ 有什么区别
本文主要讲三个 问题 prototype 和 proto function 和 object new 到底发生了什么 prototype 和 proto 首先我们说下在 JS 中,常常让我们感到困惑的 ...
- javascript继承—prototype最优两种继承（空函数和循环拷贝）
一.利用空函数实现继承 参考了文章javascript继承-prototype属性介绍(2) 中叶小钗的评论,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权 ...
随机推荐
- 为什么Go自带的日志默认输出到os.Stderr？
为什么Go自带的日志默认输出到os.Stderr? - 知乎 https://www.zhihu.com/question/67629357 Note that the Go runtime writ ...
- QR Code Error Correction
QR Code Error Correction - QRStuff.com https://blog.qrstuff.com/2011/12/14/qr-code-error-correction ...
- Treap——堆和二叉树的完美结合，性价比极值的搜索树
大家好,今天和大家聊一个新的数据结构,叫做Treap. Treap本质上也是一颗BST(平衡二叉搜索树),和我们之前介绍的SBT是一样的.但是Treap维持平衡的方法和SBT不太一样,有些许区别,相比 ...
- MTO1804无刷电机引发的悲惨经历之二：电调固件刷新与优化
前言 原创文章,转载引用请务必注明链接,水平有限,如有疏漏,欢迎指正. 书接上回,我们总算是基本确认了黑衣神秘电调的身份,本文就尝试对电调固件进行一番设置,来个免费优化. 1.刷新固件 关于电调的固件 ...
- Linux——软件安装
Linux--软件安装 一.gcc 二.make 三.rpm 四.yum 一.gcc gcc是Linux上面最标准的C语言的编译程序,用来源代码的编译链接. gcc -c hello.c 编译产生目标 ...
- Java中String对象创建机制详解（）
一String 使用 private final char value来实现字符串存储 二Java中String的创建方法四种 三在深入了解String创建机制之前要先了解一个重要概念常量池Const ...
- centos7 快速搭建redis集群环境
本文主要是记录一下快速搭建redis集群环境的方式. 环境简介:centos 7 + redis-3.2.4 本次用两个服务6个节点来搭建:192.168.116.120 和 192.168.1 ...
- hibernate+spring+tomcat启动报错Not supported by BasicDataSource
最近使用hibernate+spring+jsp的小项目制作过程中出现一些错误,例如: java.lang.UnsupportedOperationException: Not supported b ...
- pytest测试框架+jenkins结合pytest+jenkins邮件通知配置
刚刚做完一个项目,由于这是一个方案项目,而不是产品,所以各种准备很不充分,很多公司的能力不能复用,整个团队又都是新员工,而且有部分实习生,匆忙上马,今天对我的自动化框架做一个回溯 自动化测试框架的选择 ...
- 考研机试练习（KY2-KY10）
KY2 成绩排序 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32M,其他语言64M 本题知识点: 排序 sort struct 题目描述 查找和排序 题目:输入任意(用户,成绩) ...