原型

作者: EO_eaf6 | 来源:发表于2019-12-24 11:24 被阅读0次

原型对象,构造函数,实例之间关系


TIM图片20191224104351.jpg

1、当创建一个函数后,同时创建了函数属性prototype---function.prototype,
指向函数的原型对象,原型对象包含的属性方法被所有实例对象共享。

function Person(){
Person.protype.name="ming"
Person.protype.setName=function (){
    this.name="huan"
}
}
var person1=new Person()
var person2=new Person()
person1.name//ming
person2.name//ming  

2、共享原型对象属性方法,但通过实例person1,peroson2无法修改原型对象属性方法值,只能通过构造函数添加删除修改原型对象属性方法.

每个实例有属性proto(在Firefox、safari,chrome中支持)

person1._prop_=Person.prototype
//表示实例与构造函数的原型对象之间的连接而非实例与构造函数之间连接,因此,通过实例person1,peroson2无法修改原型对象属性方法值,只能通过构造函数添加删除修改原型对象属性方法.

3、原型对象获取一个指向构造函数的指针(属性)constructor指向构造函数

Person.prototype.constructor=Person

4、测试实例与原型对象关系

Person.prototype.isPrototype(person1)//true
person1.getPrototypeOf()=Person.prototype

5、访问顺序

person1.name="nice"
console.log(person1.name)//nice
delete person1.name
console.log(person1.name)//ming

访问时首先访问实例中的name属性,在第二个打印中,首先访问实例无name属性,再访问原型对象name属性
6、访问属性归属测试hasOwnProperty(),当且仅当实例属性名与原型对象属性名相同时返回true

person.name="nice"
person1.hasOwnProperty("name")//true

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • js的原型对象&原型链&js的继承

    原型对象 & 原型链 原型对象分2种:显式原型和隐式原型。 显式原型就是我们常用的prototype属性,是函数的...

  • 4.4 JavaScript

    4.4.1. 原型链 4.4.1.1. 显式原型和隐式原型   JavaScript的原型分为显式原型(expli...

  • 原型、原型链

    理解JavaScript原型 彻底理解JavaScript原型 原型 原型是一个对象,所有对象都可以成为原型,其...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • 2-6 原型和原型链 - 5个原型规则

    2-6 原型和原型链 - 5个原型规则 5条原型规则,原型规则是学习原型链的基础。 第一、所有引用类型(数组、函数...

网友评论

      本文标题:原型

      本文链接:https://www.haomeiwen.com/subject/erxznctx.html