javascript的面向对象编程(oop)——类

     2022-05-19     201

关键词:

  在学习JavaScript面向对象的编程之前,需要知道,并了解面向对象的一些基本的常识。初学者中大多数都以为面向对象中,面向对象的编程是很重要和占据很大一部分精力。笔者在之前也是认为OOP是面向对象的主要部分,那么和我持有一样想法的,下面先要纠正这一想法,真正了解面向对象。

一、初识面向对象

面向对象分为三部分,包括面向对象分析(OOA)、面向对象设计(OOD)、面向对象的程序设计(OOP)。

1.1 OO编程(Object Oriented Analysis)

  典型的OO编程过程,应先整理需求,根据需求进行OOA,将真实世界的客观物件抽象成程序中的类或对象,这个时候使用的是UML语言,UML建模,OOA的输出结果是一个个类或对象的模型图。

接下的OOD,目的是处理类之间的耦合关系,设计类或对象的接口,此时会用到各种设计模式(23种设计模式),如观察者模式,责任链模式等等(之后会写一些JavaScript常用的设计模式)。 OOA和OOD是个反复迭代的过程,它们本身没有很清晰的边界,但是相互影响、制约。 OOA和OOD结束之后才进入OOP阶段,进入实际的编码阶段。 OOA和OOD是面向对象编程的思想和具体语言无关,而OOP是面向对象的编程工具,和选用的语言相关。

OOA和OOD因为具体要求与语言无关,所以能跨语言重用。而OOP作为二者的底层,不同的语言语法不同,所以OOP不同。

  通过简单的了解,我们所要学习的OOP编程只是面向对象里最简单的代码部分,下面我把我学习的面向对象的一些知识总结一下,理解不深,如有错误,还请订正

二、JavaScript的面向对象编程——类

(1)类的定义

在JavaScript中我们利用functions来定义一个类

1 function Shape(){
2         var x = 1;
3         var y = 2
4     }

这是一个简单的类,在类的内部只有var定义的私有变量,我们通过new关键字可以实例化一个对象 var aShape = new Shape(); ,这样我们就实例化出了一个对象实例,aShape。但是类中定义的是私有变量,我们通过 aShape.x 和 aShape.y 访问,发现程序弹出undefined。

下面我们重新定义一个类并测试

function Shape2(){
    this.x = 1;
    this.y = 2;
    }
var bShape = new Shape2();       //初始化一个实例对象
alert(bShape.x);
alert(bShape.y);                      //分别弹出1和2

我们在类中用this.属性名的方式定义公有变量,并且能访问成功。var除了定义私有变量,还能定义私有函数(private函数)

function Shape3(){
           var draw = function(){
           //私有函数
        }
            this.draw2 = function(){
          //外界可以看到的共有函数
        }
}    

和访问变量类似,先实例化 var c = new Shape3(); 然后再通过 c.draw2(); 访问。

(2)简单的OOP编程

JavaScript是一门解释型的语言,它并不是真正的面向对象的语言,很多面向对象的机制是需要靠模仿来实现的。

 1 //模仿OOP编程
 2 function Shape4(m,n){
 3         var x = 0;
 4         var y = 0;
 5 //创建一个内部的初始化函数,并执行
 6         var init = function(){
 7             x = m;
 8             y = n;
 9         }
10         init();
11 //写一个get方法,取出我们传入的x值
12         this.getX = function(){
13             return x;
14         }
15     }

简单的一个模仿OOP编程,我们通过 var obj = new Shape4(2,4); 实例化一个obj,并传入2,4两个参数,在通过 obj.getX(); 得到我们传入的x参数,得到2。

下面我们来模仿OOP编程的构造函数,需要注意的是JS中静态方法是作用到类上,而不是对象上的。

 

 1 function Person(){
 2       this.Name = "yanyan"
 3 };
 4 Person.age = 0;//静态变量
 5 //静态方法
 6 Person.showName = function(obj){
 7           alert(obj.Name)
 8 }9 Person.showName(new Person());

(3)Map

JavaScript中不存在Map类型(键值对的集合)的数据,下面我们简单的模仿出Map类型

 1         function jMap(){
 2                 //私有变量
 3                 var arr = { };
 4                 //增加
 5                 this.put = function(key,value){
 6                     arr[key] = value;
 7                 }
 8                 //查询
 9                 this.get = function(key){
10                     if(arr[key]){
11                         return arr[key]
12                     }else {
13                         return null;
14                     }
15                 }
16                 //删除
17                 this.remove = function(key){
18                     delete  arr[key]
19                 }
20                 //遍历
21                 this.eachMap = function(fn){
22                     for (var key in arr){
23                         fn(key,arr[key])
24                     }
25                 }
26             }
27             var country = new jMap();
28             country.put("01","value1");
29             country.put("02","value2");
30             country.put("03","value3");
31             country.put("04","value4");
32             alert(country.get("04"));//读取key为04的值
33             country.remove("04");//删除刚才读到的值
34             alert(country.get("04"));//此时弹窗为null
35 
36             //遍历读取
37             country.eachMap(function(key,value){
38               document.write(key+"-->"+value+"<br />");
39             })        

通过 var country = new jMap(); 实例化出了一个jMap对象,并通过put方法添加了四个键值的集合,此时jMap()作为类,我们可以通过new方法实例化出Map类型的数据。

 

8--oop

oop-Python面向对象Python的面向对象面向对象编程基础共有私有继承组合,Mixin魔法函数魔法函数概述构造类魔法函数运算类魔法函数1.面向对象概述(ObjectOriented,00)OOP思想几个名词OO:面向对象OOA:面向对象的分析OOD:面向对象的... 查看详情

面向对象oop

[面向对象编程OOP] 1语言的分类面向机器:汇编语言面向过程:c语言面向对象:c++JavaPHP等 2面向过程与面向对象面向过程:专注于如何去解决一个问题的过程,编程特点是一个函数去实现过程操作,没有类与对象的概念面... 查看详情

javascript面向对象的介绍(代码片段)

目录一、面向对象编程介绍1.1两大编程思想1.2面向过程编程POP(Process-orientedprogramming)1.3面向对象编程OOP(ObjectOrientedProgramming)1.4面向过程和面向对象的对比2.面向对象2.1对象2.2类class2.3创建类2.4类constructor构造函数2.5类添加方法3.类... 查看详情

javascript的面向对象编程(oop)——聚合

...再说聚合,在写关于聚合之前,对与继承我再总结一下。JavaScript中关于继承的方式一共有三种,之前写了两种,但是没有说明,这里补充说明一下。1.类式继承:通过在函数对象内调用父类的构造函数,使自身获得父类的属性和... 查看详情

javascript面向对象编程:封装

作者:阮一峰Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"... 查看详情

javascript面向对象编程:封装

Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封... 查看详情

javascript面向对象编程初探---封装

  Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。  那么,如果我们要把"属性"(property)和"方法"(met... 查看详情

javascript面向对象编程—继承和封装

 前 言 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。面向对象主要专注于有哪一个对象来解决这... 查看详情

面向对象编程(oop)

面向对象编程(OOP)Java是一个支持并发、基于类和面向对象的计算机编程语言。下面列出了面向对象软件开发的优点:代码开发模块化,更易维护和修改。代码复用。增强代码的可靠性和灵活性。增加代码的可理解性。面向对... 查看详情

javascript标准参考教程-阅读总结

1、面向对象编程  面向对象编程(ObjectOrientedProgramming,缩写为OOP)是目前主流的编程范式。面向对象编程具有灵活、代码可复用、高度模块化等特点,容易维护和开发,比起由一系列函数或指令组成的传统的过程式编程,更... 查看详情

面向对象编程(oop)和面向过程编程

面向对象与面向过程  1、二者都是一种思想,面向对象是相对于面向过程而言的。面向过程,强调的是功能行为。面向对象,将功能封装进对象,强调具备功能的对象。  2、面向对象更加强调运用人类在日志的思维逻辑中... 查看详情

javascript精粹基础进阶oop面向对象编程(下)

...,可以根据不同的参数列表的情况来去调用相应的函数。javascript中函数类型是不确定的,并且参数的个数也是可以任意的,那么我们可以通过判断实际传 查看详情

面向对象编程(oop)

第7章面向对象编程(OOP)在前面的章节中,我们学习了Kotlin的语言基础知识、类型系统、集合类以及泛型相关的知识。在本章节以及下一章中,我们将一起来学习Kotlin对面向对象编程以及函数式编程的支持。##7.1面向对象编程思... 查看详情

面向对象编程(objectorientedprogramming,oop)

...言都支持类和对象,所以使用这些语言编写程序也被称为面向对象编程,这些语言也 查看详情

javascript面向对象:封装

Javascript面向对象编程(一):封装Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属... 查看详情

c++笔记--面向对象(oop)编程基础--函数模板类模板

函数模板、类模板 查看详情

java面向对象----java面向对象(oop)概念

OOPs(面向对象编程系统)对象意味着真实的单词实体,如:笔,椅子,表等。面向对象编程是一种使用类和对象来设计程序的方法或模式。它通过提供一些概念简化了软件开发和维护:对象类继承多态性抽象封装1.对象任何具有状... 查看详情

python面向对象:面向对象(oop)基本概念类和对象基础语法封装案例私有属性和私有方法(代码片段)

一、面向对象(OOP)基本概念面向对象编程——ObjectOrientedProgramming简写OOP目标了解面向对象基本概念01.面向对象基本概念我们之前学习的编程方式就是面向过程的面相过程和面相对象,是两种不同的编程方式对比面向过程的特... 查看详情