面向过程

思维方式:把解决问题的关注点,放到解决问题的每一个详细步骤上面。

面向对象

思维方式:把解决问题的关注点,放到解决问题需要的一些对象身上。

创建对象:

  1. 对象字面量
  2. 使用内置构造对象
  3. 封装简单的工厂函数
  4. 自定义构造函数

构造函数

  1. 定义:构造函数也是函数,通常用来初始化对象,并且和new关键字同时出现。
  2. 书写:构造函数名,首字母要大写,以示区分。
  3. 实例化:通过构造函数创建对象的过程,就叫做实例化。
  4. 实例:通过构造函数实例化出来的对象就是该构造函数的一个实例。

构造函数执行过程:

  1. 使用new关键字创建对象;
  2. 调用构造函数,把新创建出来的对象赋值给构造函数内的this;
  3. 在构造函数内使用this为新创建出来的对象新增成员(属性和方法);
  4. 默认返回新创建的这个对象(普通的函数,如果不写return语句,会返回undefined)。

构造函数的返回值:

  1. 如果不写返回值,默认返回的是新创建出来的对象(一般都不会写return语句);
  2. 如果自己写return语句,return的是空值(return;),或者是基本类型的值或者null,都默认返回新创建出来的对象;
  3. 如果返回的是object类型的值,将不会返回刚才新创建的对象,取而代之的是return后面的值。

构造函数注意事项:

  1. 如果像正常的函数一样使用构造函数,构造函数中的this将不再指向新创建出来的对象(因为根本就没有创建对象);
  2. 构造函数中的this这时指向的是window全局对象,当时用this给对象添加成员的时候,全部都添加到了window上。

原型

  1. 在构造函数创建出来的时候,系统会默认地帮构造函数创建并关联一个神秘的对象,这个对象就是原型。原型默认的是一个空的对象。
  2. 作用:原型中的属性和方法,可以被使用该构造函数创建出来的对象使用。
  3. 如何访问构造函数的原型:构造函数.prototype;
  4. 注意:prototype是构造函数的属性,跟对象没有关系;
  5. 如何给原型对象添加属性和方法:使用对象的动态特性;
  6. 使用对象访问属性和方法:会首先在自己内部进行查找,如果找到了,就直接使用;如果没有找到,就去原型中查找,查找到之后使用;如果原型中还没有,如果是属性,返回undefined,如果是方法,就报错。
  7. 使用原型解决构造函数存在的问题:构造函数原型对象中的成员,可以被该构造函数创建出来的所有对象访问,并且所有的对象共享该对象;所以可以将构造函数中需要创建的函数,放到原型对象中存储,这样就解决了传统构造函数中全局变量污染的问题以及代码结构混乱的问题。
  8. 当你修改构造函数的原型的时候,你已经创建出来的对象的原型是不会随之改变的。

对象

js中的对象:键值对的组合就是对象。

面向对象是对面向过程的封装,有了面向对象,并不意味着可以抛弃面向过程。

属性值存的是一个地址。

编写代码时的原则:DRY(Don't repeat yourself)

封装

1. 使用函数封装:代码的复用性提高。

函数封装带来的问题:全局变量污染;代码结构不清晰,维护不方便。

2. 使用对象封装的优势:暴露在全局的只有一个对象名,不会造成全局变量污染;使用对象将代码进行功能模块的划分,有利于日后的维护。

JS:面向对象编程,带你认识封装,继承和多态

javascript 面向过程和面向对象的更多相关文章

  1. JS是面向过程、面向对象还是基于对象?面向对象的代码体现

    一.问题 javascript是面向对象的,还是面向过程的?基于对象是什么意思? 对象: 指的是对某一类事物进行抽象,抽象出这一类事物共同的特征以及行为(也就是属性和方法),那些拥有这一共同属性和方法 ...

  2. 面向过程 vs 面向对象

    从网上摘录了一些面向过程vs.面向对象的分析,先简单记录如下,稍后会继续整理. 为什么会出现面向对象分析方法? 因为现实世界太复杂多变,面向过程的分析方法无法实现. 面向过程 采用面向过程必须了解整个 ...

  3. python 面向过程和面向对象比较

    面向过程 VS 面向对象 面向过程的程序设计:核心是过程二字,过程指的是解决问题的步骤,即先干什么再干什么......面向过程的设计就好比精心设计好一条流水线,是一种机械式的思维方式. 优点是:复杂度 ...

  4. C++笔记005:用面向过程和面向对象方法求解圆形面积

    原创笔记,转载请注明出处! 点击[关注],关注也是一种美德~ 结束了第一个hello world程序后,我们来用面向过程和面向对象两个方法来求解圆的面积这个问题,以能够更清晰的体会面向对象和面向过程. ...

  5. PHP面向过程和面向对象

    php程序编写分为面向过程和面向对象.两者在功能实现上没有区别,但是在代码编写上区别很大,面向过程的代码很乱,不易管理,而面向对象把常用的功能封装为一个类,这样代码清楚多了. 下面举个小例子说明一下: ...

  6. essential C++中关于面向过程和面向对象的说明

    昨天在阅读essential C++中看到了一个关于面向过程和面向对象的区别的例子,感觉挺好的.记录下来.... 这个例子是关于照相机的.照相机有三个性质,一个是控制位置:通常使用3个浮点数据来表示其 ...

  7. python基础(23):面向过程与面向对象的优劣、初识面向对象

    1. 面向过程与面向对象的优劣 面向过程的程序设计的核心是过程(流水线式思维),过程即解决问题的步骤,面向过程的设计就好比精心设计好一条流水线,考虑周全什么时候处理什么东西. 优点是:极大的降低了写程 ...

  8. C语言学习系列(二)面向过程和面向对象

    一.基本定义 (一).面向过程(procedure oriented programming POP) 面向过程是分析解决问题的步骤,然后用函数把这些步骤一步一步的实现,然后在使用的时候一一调用则可. ...

  9. PHP mysqli扩展整理,包括面向过程和面向对象的比较\事务控制\批量执行\预处理

    相关文章:PHP的mysql扩展整理,操作数据库的实现过程分析  PHP PDO扩展整理,包括环境配置\基本增删改查\事务\预处理 介绍 mysqli是PHP程序与mysql数据库进行数据交互的桥梁, ...

随机推荐

  1. 在Windows Server 2008R2中部署 AspNetCore

    1.部署时,先安装运行时 https://dotnet.microsoft.com/download 2.安装vc_redist.x64   https://www.microsoft.com/en- ...

  2. 初识nginx——内存池篇

    初识nginx——内存池篇 为了自身使用的方便,Nginx封装了很多有用的数据结构,比如ngx_str_t ,ngx_array_t, ngx_pool_t 等等,对于内存池,nginx设计的十分精炼 ...

  3. shell脚本--显示文本内容

    shell脚本显示文本内容及相关的常用命令有cat.more.less.head.tail.nl 首先是cat,cat最常用的就是一次性显示文件的所有内容,如果一个文件的内容很多的话,那么就不是很方便 ...

  4. JavaScript获取DOM节点

    常用的方法有 document.getElementById("id"); document.getElementsByTagName('tagName'); document.g ...

  5. [MS] 微软官网下载安装SQLSERVER2019的rpm

    快速入门:安装 SQL Server 和 Red Hat 上创建数据库 https://docs.microsoft.com/zh-cn/sql/linux/quickstart-install-co ...

  6. 判断Excel版本信息

    可以通过获取application对应的Version属性获取当前打开的Excel的版本信息(Application.Version).

  7. php 中instanceof的使用

    转载:https://www.cnblogs.com/tengjian/p/7999107.html 作用:(1)判断一个对象是否是某个类的实例,(2)判断一个对象是否实现了某个接口. 第一种用法: ...

  8. Jquery 组 tbale表格滚动条

    <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8&qu ...

  9. python 协程库gevent学习--gevent源码学习(二)

    在进行gevent源码学习一分析之后,我还对两个比较核心的问题抱有疑问: 1. gevent.Greenlet.join()以及他的list版本joinall()的原理和使用. 2. 关于在使用mon ...

  10. xhtml和html的差別

    xhtml和html主要區別: 元素必須正確嵌套: 元素必須正確閉合: 必須要有根元素: 元素必須使用小寫. xhtml語法: 屬性名必須小寫: 屬性值必須帶引號: 使用id代替name: lang屬 ...