详解面向对象

codeKK 发布于2019-08-20 19:00 / 2650人阅读

摘要：创建对象创建单一对象构造函数创建对象直接创建单一对象单一对象适用于对象数量较少，创建属性，方法都不同的对象。下面我使用了我们常用的创建，例如我们创建一个对象构造函数创建对象函数创建对象适用于属性大多相同，需要较多对象时使用。

面向对象详解 对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数此外，JavaScript 允许自定义对象。

对象只是带有属性和方法的特殊数据类型。

创建 JavaScript 对象

创建单一对象

构造函数创建对象

直接创建单一对象

单一对象适用于对象数量较少，创建属性，方法都不同的对象。

下面我使用了我们常用的 var 创建，例如我们创建一个dog对象

var dog = {
    name = "jack"
}

构造函数创建对象

函数创建对象适用于属性大多相同，需要较多对象时使用。

function Dog(name){
    this.name=name;
}
Dog.prototype.run = function(){
    console.log("蹦蹦跳跳")
}
var dog = new Dog("jack")

构造函数的名字首字母需要大写，之后再用.prototype.方法绑定一个方法，最后创建dog对象需要在构造函数Dog前面加上一个new，传进一个name参数。

在这里，我们需要明确一个概念，就是对象和类

类是对象泛化（抽象）出来的

对象是由类创建出来的

对象叫类的具体实例

父子类 父类

    function A(x,y){
        this.name=x,
        this.age=y
    }
    A.prototype.run=function(){
        console.log("跑")
    }

子类-继承

如何让子类继承父类的属性和方法，那么我们需要想下面这样做

function B(x,y){
    A.apply(this,arguments)
} 
// 使B继承了A的属性
B.prototype=object.create(A.prototype)
// 使B继承了A的方法

那么我们又如何添加B自己的属性和方法呢？

我们只需要向构建函数时候那样添加就可以了

function B(x,y,z){
    A.apply(this,arguments);
    this.hair=z;
}
B.prototype=object.create(A.prototype);
B.prototype.jump=function(){
    console.log("跳");
}

你学会了吗？

喜欢的点个赞呗。

GPU云服务器云服务器面向对象详解对象面向对象面向对象面向对象思维

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84998.html

php面向对象详解

摘要：前言自从进入版本以来，开始全面地支持面向对象编程。好了，进入正题，面向对象的三大特性分别是封装性，继承性以及多态性，使用面向对象开发，让我们的程序可维护以及扩展性大大提高。 showImg(https://segmentfault.com/img/remote/1460000012257579?w=1920&h=1080); 前言自从php进入5.0版本以来，PHP开始全面地支持面向...

xingpingz 2019-06-28 14:25 评论0 收藏0
详解js面向对象编程

摘要：看下面一个例子优点使用构造器函数的好处在于，它可以在创建对象时接收一些参数。按照惯例，构造函数的函数名应始终以一个大写字母开头，以区分普通函数。返回该对象的源代码。使您有能力向对象添加属性和方法。基本概念 ECMA关于对象的定义是：无序属性的集合，其属性可以包含基本值、对象或者函数。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。类在现实生活中，相似的对象之间往往都有...

lolomaco 2019-08-21 12:30 评论0 收藏0
【连载】前端个人文章整理-从基础到入门

摘要：个人前端文章整理从最开始萌生写文章的想法，到着手开始写，再到现在已经一年的时间了，由于工作比较忙，更新缓慢，后面还是会继更新，现将已经写好的文章整理一个目录，方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理从最开始萌生写文章的想法，到着手...

madthumb 2019-08-23 14:15 评论0 收藏0
详解javascript的类

摘要：原文地址详解的类博主博客地址的个人博客从当初的一个弹窗语言，一步步发展成为现在前后端通吃的庞然大物。那么，的类又该怎么定义呢在面向对象编程中，类是对象的模板，定义了同一组对象又称实例共有的属性和方法。这个等同于的属性现已弃用。。前言生活有度，人生添寿。原文地址：详解javascript的类博主博客地址：Damonare的个人博客 Javascript从当初的一个弹窗语言，一...

hufeng 2019-08-29 11:30 评论0 收藏0