遵义北京网站建设,庆安建设局网站,保定建设网站公司,重庆网站建设 快速建站原型与原型链1 学前先了解一些概念1.1 构造函数和普通函数的区别1.1.1 调用方式1.1.2 函数中this的指向不同1.1.3 写法不同1.2 问题明确2 原型与原型链2.1 原型2.2 显式原型与隐式原型2.3 原型链3 原型链环形结构1 学前先了解一些概念
1.1 构造函数和普通函数的区别
构造函数…
原型与原型链1 学前先了解一些概念1.1 构造函数和普通函数的区别1.1.1 调用方式1.1.2 函数中this的指向不同1.1.3 写法不同1.2 问题明确2 原型与原型链2.1 原型2.2 显式原型与隐式原型2.3 原型链3 原型链环形结构1 学前先了解一些概念
1.1 构造函数和普通函数的区别
构造函数是用来创建实例对象的普通函数是用来调用执行的
1.1.1 调用方式
构造函数也是一个普通函数创建方式和普通函数一样。
function func(){}
func(); // 普通函数调用方式// 构造函数命名通常使用大驼峰
function Stru(){}
let obj new Stru(); // 构造函数调用方式1.1.2 函数中this的指向不同
普通函数遵循谁调用指向谁的思想构造函数的this则是指向它创建的对象实例 。
1.1.3 写法不同
普通函数
function person(name){let obj {};obj.name name;return obj;
}
var p person(john);构造函数
function Person(name){this.name name;
}
let p new Person(John);1.2 问题明确
万物皆对象构造函数、原型、实例对象都是对象。每个对象都有一个__proto_它指向该对象的原型。每个函数都有一个名为prototype的属性它的值是一个对象这个对象就是通过调用构造函数创建的对象的原型。constructor属性只存在于原型对象中它用于返回创建该原型对象的函数也就是构造函数。原型对象和实例对象都来源于构造函数只不过原型对象比实例对象更加抽象。 [prototype]]和__proto__意义相同均表示对象的内部属性其值指向对象原型。前者在一些书籍、规范中表示一个对象的原型属性后者则是在浏览器实现中指向对象原型。 2 原型与原型链
2.1 原型
每创建一个函数该函数都会自动带有一个prototype属性。该属性是一个指针指向一个对象该对象称之为原型对象。原型对象上默认有一个属性constructor该属性也是一个指针指向其相关联的构造函数。原型对象用来存放实例对象的公有属性和公有方法。
2.2 显式原型与隐式原型
构造函数和原型对象之间有直接连接即构造函数的prototype属性实例对象和原型对象之间也有直接连接即实例对象的__proto__属性per1.__proto__ Person.prototype 2.3 原型链
过对象__proto__属性指向函数的原型对象(函数.prototype)一层一层往上找直到找到Object的原型对象(Object.prototype)为止层层继承的链接结构叫做原型链。 查找过程都是顺着__proto__属性一步一步往上查找形成了像链条一样的结构这个结构就是原型链。所以原型链也叫作隐式原型链。
3 原型链环形结构
所有函数都可以看做是Function()的实例而Person()和Object()都是函数所以它们的构造函数就是Function()。Function()本身也是函数所以Function()也是自己的实例
