下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JS高级---体会面向对象和面向过程的编程思想

作者:jane_panyiyun     来源: https://www.cnblogs.com/jane-panyiyun/p/12107449.html点击数:1216发布时间: 2020-03-22 11:05:47

标签: 软件开发面向对象编程

Web开发

  OO(ObjectOriented,面向对象)是当前计算机界关心的重点,它是90年代软件开发方法的主流。面向对象的概念和应用已超越了程序设计和软件开发,扩展到很宽的范围。如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。

  体会面向对象和面向过程的编程思想

  ChangeStyle是自定义的构造函数,再通过原型添加方法的函数。

  实例化对象,导入json参数,和创建cs,调用原型添加的方法函数

  过渡,先熟悉记忆

  <!DOCTYPEhtml>

  <htmllang="en">

  <head>

  <metacharset="UTF-8">

  <title>title</title>

  <style>

  div{

  width:300px;

  height:200px;

  background-color:red;

  }

  </style>

  </head>

  <body>

  <inputtype="button"value="显示效果"id="btn"/>

  <divid="dv"></div>

  <scriptsrc="common.js"></script>

  <script>

  functionChangeStyle(btnObj,dvObj,json){

  this.btnObj=btnObj;

  this.dvObj=dvObj;

  this.json=json;

  }

  ChangeStyle.prototype.init=function(){

  //点击按钮,改变div多个样式属性值

  varthat=this;

  this.btnObj.onclick=function(){

  for(varkeyinthat.json){

  that.dvObj.style[key]=that.json[key];

  }

  };

  };

  //实例化对象

  varjson={"width":"500px","height":"300px","backgroundColor":"blue"}

  varcs=newChangeStyle(my$("btn"),my$("dv"),json);

  cs.init();//调用方法

  </script>

  </body>

  </html>

  对象是由数据和容许的操作组成的封装体,与客观实体有直接对应关系,一个对象类定义了具有相似性质的一组对象。而类的继承性是对具有层次关系的类的属性和操作进行共享的一种方式。所谓面向对象就是基于对象概念,以对象为中心,以类和继承为构造机制,来认识、理解、刻画客观世界和设计、构建相应的软件系统。

赞(8)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程