prototype 和 __proto__

2024-01-07 18:26:51

是什么?

  • prototype(显示原型):每个函数都有一个prototype属性
  • __proto__(隐式原型):每个实例对都会有__proto__属性

两者有什么关系?

? ? ? ? 一般,构造函数的显示原型和其实例对象的隐式原型是指向同一个地方的,这个地方叫做原型对象

//构造函数
function Person(){}
//p1实例对象
let p1 = new Person()
console.log(Person.prototype === p1.__proto__) // true

??在js中有一句话叫:万物皆对象!(那也可以理解成在js中万物都包含__proto__属性吧)

let num = 1
console.log(num.__proto__ === Number.prototype) //true
let str = 'abc'
console.log(str.__proto__ === String.prototype) //true
let n = true
console.log(n.__proto__ === Boolean.prototype) //true
let obj = {}
console.log(obj.__proto__ === Object.prototype) //true
function fn(){}
console.log(fn.__proto__ === Function.prototype) //true
      
console.log(Object.__proto__ === Function.prototype) //true
console.log(Number.__proto__ === Function.prototype) // true
console.log(Function.__proto__ === Function.prototype) //true

?可以看出:

  • number类型的数据是Number构造函数的实例
  • 函数是Function构造函数的实例
  • Object、Number、function Function()等其实本质上也是一个函数,所以他们也都是Function构造函数的实例
  • Object的隐式原型是null

面试题:什么是原型?什么是原型链?

原型原型分为显示原型和隐式原型,每个对象都有一个隐式原型,它指向自己的构造函数的显示原型

原型链:就是多个实例对象的__proto__组成的集合?

  • 所有实例的__proto__都指向他们构造函数的prototype
  • 所有的prototype都是对象,自然他们的__proto__指向Object()的prototype
  • 所有的构造函数的隐式原型指向的都是Function()的显示原型
  • Object的隐式原型是null

文章来源:https://blog.csdn.net/m0_73334325/article/details/135385406
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。