继承

作者: joker731 | 来源:发表于2018-06-10 03:20 被阅读4次

继承:让子类拥有父类的属性和方法
//继承是类与类之间的关系
谈继承是一个悖论:
JavaScript是函数编程流派,是没有类的怎么谈继承呢?
Object和Array这两个函数之间没有关系,但是他们的prototype属性之间有关系

所有的对象都是Object 构造出来的

如何在JavaScript里面谈继承??

子类函数和父类函数(Object和Array之间)
子类构造出来的对象,直接拥有父类的属性和方法

直接记忆代码:


一句话,对于JavaScript编程人员来说 只有原型链没有继承的概念,继承是面向对象编程的

//可是悲催的面试官喜欢问啊

要理解继承必须要了解类:能抽象出一个对象(能产生一个对象的就是类)

因为JavaScript里面没有类,所以是函数与函数之间的关系,因为JavaScript是用构造函数来创建实例的,而且本质上构造函数和普通函数没有区别,区别在于是不是使用new 这个语法糖关键字,在普通函数前面用new ,普通函数也会变成构造函数.

老师这节课讲了那么多就几个意思:

1.JavaScript是函数范式编程语言,谈继承是瞎扯淡,不过别人硬要说,就是JavaScript原型链的意思
2.JavaScript一切是对象,实现继承依靠原型链,
函数都有一个prototype对象,用来存放公有属性
f1()函数 的prototype指向 Function 构造函数的prototype
f2() 函数也是这样,现在我们代码有需求要让f2变成f1的儿子,也就是让f2继承f1
JavaScript的做法就是修改原型链,因为f2函数的prototype指向的是Function 的prototype
要让它继承f1 就把proto指向修改成 f1的prototype

代码: f2.prototype.proto = f1.prototype
因为这是谷歌浏览器提供的proto因为兼容问题要用更兼容的代码:
var f = function () {}
f.prototype = f1.prototype
f2 . prototype = new f1()

//这样写代码的原因是因为为了兼容掐他浏览器不提供proto属性的情况
//上面用到了空函数,利用new关键这个语法糖, 不给代码块,弄一个空函数,这样 new语法糖的第四句话就不会执行

创建空对象
把空对象赋值给this
把prototype赋值给this
执行代码块里面的代码
返回这个this

讲了那么多是为了什么呢? 理解ES6的继承, ES6本质上就是语法糖,还是ES5的代码.只是把繁琐的代码封装,给你用,ES6的继承写法就是上面这些代码,原理一模一样


assyn就是mixin 把一个函数的所有属性给另外一个函数
柯里化就等于大学的偏函数,柯里化是实现偏函数的过程


性能优化

  • 当你有自己的网站和服务器才能谈及web性能优化
  • cpu用的少,这是服务器性能优化
  • web是打开页面比较快,这是web前端的优化
    //首先想到的就是缓存,有缓存是不是超级快?
999401-e967d03a6325584e.png

相关文章

  • 继承 继承

    属性拷贝 继承不单单能通过原型链实现,也能通过其他方式实现,属性拷贝就是其中一种方法。 通过属性拷贝也能实现继承子...

  • 继承(单继承,多继承)

    将共性的内容放在父类中,子类只需要关注自己特有的内容 python中所有的内容都是对象,所有的对象都直接或间接继承...

  • js继承方式

    类式继承 构造函数继承 组合继承 类式继承 + 构造函数继承 原型式继承 寄生式继承 寄生组合式继承 寄生式继承 ...

  • Python-学习之路-08 OOP -02

    单继承和多继承 单继承:每个类只能继承一个类 多继承:每个类可以继承多个类 单继承的多继承的优缺点 菱形继承/钻石...

  • 原型相关(二)

    1.继承 继承方式:接口继承(只继承方法签名)实现继承(继承实际的方法)ECMAScript只支持实现继承,并且主...

  • 继承

    继承的引入和概述 继承案例和继承的好处 继承的弊端 Java中继承的特点 继承的注意实现和什么时候使用继承 继承中...

  • Java面向对象三大特性之继承

    继承 一、继承的特点 Java只支持单继承单继承 多继承 单继承、多继承优缺点①单继承优点:提高了代码的复用性,让...

  • 7、面向对象的程序设计3(《JS高级》笔记)

    三、继承 许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际方法。由...

  • 【重学前端】JavaScript中的继承

    JavaScript中继承主要分为六种:类式继承(原型链继承)、构造函数继承、组合继承、原型式继承、寄生式继承、寄...

  • js之继承

    文章主讲 JS 继承,包括原型链继承、构造函数继承、组合继承、寄生组合继承、原型式继承、 ES6 继承,以及 多继...

网友评论

      本文标题:继承

      本文链接:https://www.haomeiwen.com/subject/cuwtdftx.html