原型链

原型链

先看看构造函数,实例,原型对象三者之间的关系
Star.protopyte
Star.prototype.constructor
xnn._proto_
Star构造函数
原型对象prototype
xnn实例对象
原型链(套娃)
  • 只要事对象就有_proto_原型,指向原型对象;
  • 我们Star原型对象里面的_proto_原型指向的是Object.prototype;

在这里插入图片描述

JavaScript的成员查找机制(规则)

①当访问一个对象的属性(方法)时,首先查找这个对象本身有没有该属性;
②如果没有就直接查找它的原型,(也就是_proto_指向的prototype原型对象);
③如果还没有就查找原型对象的原型(Obj的原型对象);
依次类推一直找到Object为止(null)
所以也是遵循就近原则

关于构造函数中的this

①只有你调用了这个函数的时候,才能确定这个this指向谁;
②一般情况下,this指向的是函数的调用者,
③在构造函数中,this指向的是实例对象;
在原型对象里面的this指向的是实例对象。

利用原型对象扩展内置对象的方法
Array.console.sum=function(){
        var sum=0;
        for(var i=0;i<this.length;i++){
             sum+=this[i];
         }
         return sum;
  }
  var arr=[1,2,3];
  console.log(arr.sum());
  var arr1=new Array(1,2,3);
  console.log(arr1,sum());

但是不能用下面的方法:
function Array(){} Array.prototype={ constructor:Array, sum:function(){ var sum=0; for(var i=0;i<this.length;i++){ sum+=this[i]; } return sum; } } var arr=[1,2,3]; console.log(arr.sum()); console.log(Array.prototype);
这里要修改成以下

function Array(){}//构造函数
        Array.prototype={
            constructor:Array,//用construor重新指回回去
            sum:function(){
                var sum=0;
                for(var i=0;i<this.length;i++){
                    sum+=this[i];
                }
                return sum;
            }
        }
        var arr=new Array(1,2,3)//这里要用new创建一个对象
        console.log(arr.sum());
        console.log(Array.prototype);
这里是以对象的形式给它增加函数,这样会覆盖原先对象的一些方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值