javascript继承方法(一)

一,原型链继承
function A() {
    this.name = "jiang";
    this.age = 20;
    this.method = function () {
        console.log("I will be better!")
    }
}
A.prototype.like = "paly";
function B() {

}
B.prototype = new A();
var b = new B();
console.log(b.name);      //jiang
console.log(b.age);      //20
console.log(b.like);    //paly
b.method();            //I will be better!


原型链式是创建了A实例并赋给B的原型使B拥有了A的属性和方法,这种继承方式实质是重写了B的原型对象。
二,Object()方法
1,
var person = {
  name : "jiang",
  age : 19,
  car : ['Alto','Ford'],
  method1:function () {
      console.log("Hi !");
  }
};
var anotherPerson = Object(person);
console.log(anotherPerson.name);               //jiang
console.log(anotherPerson.age);               //19
anotherPerson.car.push('changan');
console.log(anotherPerson.car);             //[ 'Alto', 'Ford', 'changan' ]

var yetantherPerson = Object(person);
yetantherPerson.car.push("BMW");
console.log(yetantherPerson.car);        //[ 'Alto', 'Ford', 'changan' ]
console.log(person.car);                //[ 'Alto', 'Ford', 'changan', 'BMW' ]

object()函数以person对象为原型创建了2个新的对象anotherPerson和yetanotherperson,person中的属性方法为两个对象所共有
相当于创建了两个person的副本。
2,
var anotherperson1 = Object.create(person,{
    name : {
        value : 'tom'
    }
});
console.log(anotherperson1.name);                //tom
console.log(anotherperson1.age);                //19
var anotherperson2 = Object.create(person,{
    color :{
        value : ['blue','green']
    }
});
console.log(anotherperson2.name);           //jiang
console.log(anotherperson2.color);          //[ 'blue', 'green' ]
object.create()同上述Object()一样,不过它规范了原型式继承,它有两个参数第一个是要继承的对象,第二个是
想要改变或重写的属性,如果超类对象中有相同属性则覆盖其值,没有则创建新的属性
此方法只能覆盖和创建的只是在子类对象中,而不是覆盖和创建在超类中。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值