A_115_javaScript原型链
2021-04-09 10:52:04 0 举报AI智能生成
登录查看完整内容
全面、高效的知识图谱：A_115_javaScript原型链!! 全面又深度的提升认知，达到实际应用的目的! 建议先纵观全局，掌握好大方向。 再根据自己的需要，针对性的学习某一个点，最后做到逐步由点及面。
作者其他创作
大纲/内容
javaScript原型链
继承控制
Object
Object.prototype.extend
超链接
class
class Porsche extends Car
function
分支主题
作用
child.prototype = Object.create(parent.prototype)
通过prototype的覆盖获得parent所有的数据结构
如需自定义数据结构需要在inherits()后赋予
构造 Constructor
声明对象
实例对象
概念
JavaScript之继承（原型链）
数据结构
var Person = function(){}; Person.prototype.type = 'Person'; Person.prototype.maxAge = 100;
prototype(原型)
constructor(构造方法)
Person.prototype.constructor === Person;
__proto__(原型链)
Person.prototype.__proto__ === Object.prototype
指向Object对象prototype(原型)
__proto__(原型链/遗传进化链)
Person.__proto__ === Function.prototype
同时Function对象的__proto__(原型链)也指向Function的prototype(原型)
Function.__proto__ === Function.prototype
Person.__proto__.__proto__ === Object.prototype
Person.__proto__.__proto__.__proto__ === null
var p = new Person(); console.log(p.maxAge); p.name = 'rainy';
实例对象没有prototype原型属性
仅具有__proto__(原型链)
new Person().__proto__ === Person.prototype
new Person().__proto__.__proto__ == Object.prototype
new Person().__proto__.__proto__ === Person.__proto__.__proto__
new Person().__proto__.__proto__.__proto__ === null
prototype、__proto__的关系
dir(Array)
dir(new Array())
new Array().__proto__ === Array.prototype
true
Array.prototype
Array.
可访问form直接方法
也可访问Array.__proto__内方法
也可访问Array.__proto__.__proto__.... 内方法[继承]
检验是否非进化链__proto__继承的属性
.hasOwnProperty("")
构造指向自己
Array.prototype.constructor === Array
Array.prototype.constructor.prototype.constructor.prototype.constructor ....
function Array() { [native code] }
__proto__
遗传进化链 or 进化链指针
进化链指针
new String().__proto__ === String.prototype
JS内置构造器和自定义函数都是Function构造器的原型(prototype)
Array.__proto__ === Function.prototype
String.__proto__ === Function.prototype
只有Function.prototype是函数(function)类型
为了保证函数构造器们的__proto__指向的都是函数
不能new的目标
0 条评论
回复 删除
下一页
