继承

  1. 原型继承(prototype)

构造函数.prototype.方法 或 属性

Person.prototype.eat = ()=>{}
Person.prototype.country = 'China'
  1. 拷贝继承

把一个对象中的属性或者方法直接复制到另一个对象中

var obj1 = { sleep:function (){console.log('睡觉')} }

//浅拷贝继承,实质:改变了内存地址(指针)的 指向,改变obj2,obj1也会变,相互有影响
var obj2 = obj1;
obj2.sleep();//睡觉

//深拷贝继承,实质: 开辟了新的内存空间,是一个独立部分,不会受到obj1变化而产生影响
var obj3 = {};
for(var key in obj1){
	obj3[key] = obj1[key] 
}
obj3.sleep();//睡觉
  1. 组合继承

原型继承+借用构造函数继承
注意:
借用构造函数:属性值重复的问题,用call方法和apply方法都可以,apply第二个参数是数组,传的参数都写在数组里,apply和call都没有返回值,相当于是运行函数,只不过改变了this指向和参数而已! 而 bind有返回值(返回的是一个函数对象),则需要定义一个变量接收,相当于复制出了一个新的对象,第二个参数以及之后是 参数以fn方法的形式传进去的

	function Person(name,age,sex) {
      this.name=name;
      this.age=age;
      this.sex=sex;
    }
    Person.prototype.sayHi=function () {
      console.log("我打");
    };
    
    function Student(name,age,sex,score) {
      //借用构造函数:属性值重复的问题
      Person.call(this,name,age,sex);
      this.score=score;
    }
   
  1. 借用构造函数继承

新的构造函数的原型 prototype 指向 被继承构造函数的实例

 //改变原型指向----继承
    Student.prototype=new Person();//不传值
    Student.prototype.eat=function () {
      console.log("吃东西");
    };

函数声明和函数表达式的区别

函数声明

function fun1() {}

函数表达式

就是声明变量接收, 有 " = " 号

var fun2 = function () {}

注意

函数声明,如果放在if-else的语句中,在IE8的浏览器中会出现问题
不会执行else里的语句
.
所以,以后宁愿用函数表达式,都不用函数声明

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值