js之原型链

时间:2020-09-09 03:41:58 来源:

【摘要】 js之原型链考必过小编为大家整理了关于js之原型链的信息,希望可以帮助到大家!

js之原型链

标签:查找作用对象产生codetypedefnbspals

console.log(Object)

console.log(Object.prototype)

console.log(Object.prototype.__proto__) // npl

function Fn () {

this.test1 = function () {

  console.log(‘test1()‘)

}

}  

Fn.prototype.test2 = function () {

console.log(‘test2()‘)

}

var fn = new Fn()

fn.test1()

fn.test2()

console.log(fn.toString())

console.log(fn.test3) // undefined

fn.test3()

1.访问一个对象的属性或者方法时,先在自身属性中查找,找到返回

2.如果没有,再沿着__proto__这条链向上查找,找到返回

3.如果最终没有找到,返回undefined

*原型链:

别名:隐式原型链

作用:查找对象的属性和方法

构造函数,原型,实例对象的关系图:

var Function = new Function()

Function的显式原型和隐式原型相等,这是一个特殊个例

所有函数的__proto__都是一样的

所有的函数对象都是new Function()产生的

原型继承:

  1.构造函数的实例对象自动拥有构造函数原型对象的属性(方法),利用的就是原型链

1.函数的显示原型指向的对象:默认是空的Object实例对象(但是Object例外)

console.log(Fn.prototype instanceof Object) // true

console.log(Object.prototype instanceof Object) // false

console.log(Function.prototype instanceof Object) // true

2.所有函数都是Function的实例(包括Function)

console.log(Function.__proto__ === Function.prototype) // true

3.Object的原型对象是原型链的尽头

console.log(Object.prototype.__proto__) // npl

原型链属性问题:

  1.读取对象属性值时,会自动到原型链中查找

2.设置对象属性值时,不会查找原型链,如果当前对象中没有这个属性,添加该属性并设置其值

3.方法一般定义在原型上,属性一般通过构造函数定义在对象本身上

function Fn (b) {

this.b = b

}

Fn.prototype.a = ‘xxx‘ // 在原型上一般添加方法,不添加属性,属性一般在构造函数中添加

Fn.prototype.test = function () {}

var fn1 = new Fn()

console.log(fn1.a, fn1)

var fn2 = new Fn()

fn2.a = ‘yyy‘

console.log(fn1.a, fn2.a, fn2)

js之原型链

标签:查找作用对象产生codetypedefnbspals

以上就是js之原型链的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

上一篇      下一篇
前端相关推荐 更多>>
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net