美文网首页
JS 的面向对象

JS 的面向对象

作者: Aliyunyun | 来源:发表于2017-02-23 17:16 被阅读25次

JS 不是一门面向对象的语言,但是很多情况我们需要面向对象。

一、JS 继承的常用写法。

为什么一上来就写常用写法呢?很多的文章都写了很多关于js面向对象,继承的各种写法,发展史。其实我指向知道,JS的继承要怎么写。。。。。

demo:

  function Animal(){
    this.type = '动物';
  }

 function Cat(name){
    this.name = name;
 }

Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;

var cat1 = new Cat('小花');

1、Cat.prototype = new Animal();
这里赋值的作用是让Cat 指向一个Animal的实例
2、Cat.prototype.constructor = Cat;
这里是给Cat.prototype这个对象增加一个属性,完成function有constructor属性,并且修正Cat的构造函数是Cat

继承关系.png

总结:

1、function 才有constructor,构造函数是function
2、JS的继承关系,是一个假的继承。说白了就是function的所有实例,有一个proto的属性,这个属性指向另一个存在的对象。

相关文章

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • js 面向对象和面向过程

    js 面向对象和面向过程

  • JavaScript笔记(一)

    一、面向对象面向过程的区别 1、什么是js对象 js对象:属性和方法的集合,js所有数据都可以看成对象...

  • JS面向对象

    JS面向对象入门 1、面向对象语言概念面向对象语言主要包括 类、对象、封装、多肽。2、面向对象的编程思想面向过程思...

  • 面向对象OOP--JS

    作者:烨竹 JS面向对象简介 JS名言:万物皆对象 JS面向对象比PHP简单很多;因为JS中没有class关键字,...

  • 2018-01-18

    js中的面向对象核心 js是基于对象的编程语言,在后面的学习中我们通过一种模式使其转化成为面向对象的语言。js面向...

  • 浅谈JS中的面向对象

    浅谈JS中的面向对象 本文主要说说本人在JS中对面向对象的理解。 计算机编程语言主要分为面向过程式编程和面向对象式...

网友评论

      本文标题:JS 的面向对象

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