JS中的继承—原型篇

原型对象

一个对象的基本描述, 它本身是一个普通对象
当我们在创建一个对象时,这个对象往往会附加一些基本属性,这些基本属性则被称之为原型对象

const person = {}
console.log( person.__proto__ )
// 每一个普通对象都有 __proto__ 属性

function person (){}
console.log( person.prototype ) 
// 每个函数对象都有prototype属性

// prototype 和 __proto__ 包含了对象的一些基本属性,并能通过他们达到继承的目的

原型链

所有引用类型的__proto__ 指向 它构造函数的prototype

// 普通对象
const person = {}
person.__proto__.constructor === Object
person.__proto__ === Object.prototype

// 函数对象
function Foo(){}
const foo = new Foo()

foo.__proto__ === Foo.prototype
foo.__proto__.constructor === Foo.prototype.constructor

Foo.prototype.constructor === Foo
Foo.__proto === Foo.prototype.constructor.__proto__
Foo.prototype.__proto__ === Object.prototype

hasOwnProperty()方法

该方法可以判断对象的属性是否来自原型属性 还是来自 对象(实例)本身
只有来自对象(实例)本身的属性 才会返回 true

function Person(){
    this.name = 'huhuf5'
}
Person.prototype.sex = '男'

const person = new Person()
person.hight = '180'

 person.hasOwnProperty('name') // true
person.hasOwnProperty('hight') // true

person.hasOwnProperty('age') // false
person.hasOwnPerperty('sex') // false

in操作符

只要是对象或者原型中有的属性 都会返回true

console.log( 'sex' in person ) // true
console.log( 'age' in person ) // false
console.log( 'hight' in person ) // true
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页