原型对象和原型链(个人观点,纯文字,大白话)

为什么会产生原型对象?

<script>
 function Fn(){
      this.SayHello = function(){      
      }
   }
var fn1 = new Fn();
var fn2 = new Fn();
console.log(fn1.SayHello() === fn2.SayHello() ) // false

</script>

如果将方法存储于构造函数中,在实例化对象的时候 会创建多个相同的方法(函数),但是其地址值不同,会占用内存.

原型对象产生,将方法内置于原型对象中

<script>
 function Fn(){};
Fn.prototype.SayHello = function(){}
var fn1 = new Fn();
var fn2 = new Fn();
console.log(fn1.SayHello() === fn2.SayHello()) // true




</script>

这样解决了一个最直观的问题,在实例化对象的时候 省去了创建方法空间的步骤.

如何使用原型对象,引出原型链.

显示原型 prototype 隐式原型__prototype__

实例化对象的隐式原型 跟 构造函数的显式原型它们的地址是一致的.

当实例化对象调用方法时,先自身查找,

若没有找到,则通过隐式原型,经过原型链

查找到构造函数的原型对象,读取内容,如果找到则调取使用,

没有找到,继续通过隐式原型,经过原型链

查找到Object的原型对象,读取内容 如果找到则调取使用

没有找到,继续通过隐式原型,经过原型链 最终返回 null

原型 是一个什么样的存在

继承(委托),把构造函数的方法委托给原型对象,然后通过继承查找到该方法进行调用.

查到最后,它竟然是对象!恍然大悟,一切皆对象.

敲重点了SOS

个人观点  原型链使用分为两大类   构造函数类  和 数据类型类

构造函数 通过实例化对象进而发挥 原型链的优势

数据类型(String Number Array等) 当进行变量赋值操作,调用某些内置属性方法,进行隐式匹配数据类型,进而通过隐式原型,找到与之匹配的原型对象,进行调用.....

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值