什么是面向对象:
  使用对象时,只关注对象提供的功能,不关注其内部的细节 例如:jquery
什么是对象:
  对象是一个整体对外提供一些操作,比如 收音机
面向对象编程OOP的特点:
  1、抽象:把主要的特征、跟问题相关的特征抽出来
  2、封装:看不到里面的东西,把表面的功能用好
  3、继承:遗传,从父类上继承出一些方法,子类又有一些自己的特性(最大限度重用已有的代码)
继承又分:
  多重继承
  多态继承
对象的组成:
  1、方法——相当于函数:过程、动态 例如:
  

function aaa(){		  //函数 自由
  alert("123")
} arr = [1,2,3];
arr.aaa=function(){ //属于一个对象
  alert("321")
}
aaa()
arr.aaa()

  2、属性——相当于变数:状态、静态 例如:

var a=12	  //变量 - 自由自在的不属于任何人
alert(a) var arr=[1,2,3,4,5,6]
arr.a=21 //属性 - 属于一个对象的
alert(arr.a)

  

this的理解
  当前发生事件的对象
  当前的方法属于谁
 
  练习题:写一个面向对象的小例子
var obj = new Object();

obj.name='林肯';
obj.qq='2669667558'; obj.Myname=function(){
alert("我的名字是"+this.name);
}
obj.Myqq=function(){
alert("我的QQ是"+this.qq);
}
obj.Myname();
obj.Myqq();
  总结:创建一个对象,写出程序的方法,在调用。 但是这种方法复用性不高。 优化以后如下:
 
//工厂模式
function oriented(name,qq){ //整体称之为什么:构造函数
//原材料
var obj = new Object(); //加工
obj.name=name;
obj.qq=qq; obj.Myname=function(){
alert("我的名字是"+this.name);
}
obj.Myqq=function(){
alert("我的QQ是"+this.qq);
} //出厂
return obj
}
var obj=oriented('林肯','2669667558');
obj.Myname();
obj.Myqq(); var obj2=oriented('赵三','2669667558');
obj2.Myname();
obj2.Myqq();
这样写:可以让方法复用

  

原型——prototpye
什么是原型
  可以把原型理解为class,修改他可以影响一类元素
  //解决函数重复 <==>原型
  //原型名词解释
  // CSS JS
  // class 一次给一组元素加样式 原型
  // 行间样式 一次给一个元素加样式 对对象加事件
 
  /*例子:原型 数组求和 <==> 类和对象的使用 类可以new */
  

var arr1 = new Array(12, 13, 11, 14, 53, 67, 86, 85, 23);
var arr2 = new Array(11, 22, 33, 44, 55, 66, 77, 88);
Array.prototype.sum = function () {
var result = 0;
for (var i = 0; i < this.length; i++) {
result += this[i];
}
return result;
};
//alert(arr1.sum());
 
在已有的对象中添加属性,方法
 

什么是面向对象以及其意义,prototpye原型的更多相关文章

  1. Javascript面向对象——创建对象、构造函数的原型

    Javascript面向对象--创建对象.构造函数的原型 其实:JavaScript中的创建类,就是创建一个构造函数,在创建对象时用到new这个关键字, 一.创建对象 1.函数创建对象 functio ...

  2. JavaScript面向对象编程(一)原型与继承

    原型(prototype) JavaScript是通过原型(prototype)进行对象之间的继承.当一个对象A继承自另外一个对象B后,A就拥有了B中定义的属性,而B就成为了A的原型.JavaScri ...

  3. JavaScript中的面向对象编程,详解原型对象及prototype,constructor,proto,内含面向对象编程详细案例(烟花案例)

    面向对象编程:   面向:以什么为主,基于什么模式 对象:由键值对组成,可以用来描述事物,存储数据的一种数据格式 编程:使用代码解决需求   面向过程编程:         按照我们分析好的步骤,按步 ...

  4. C#面向对象设计模式纵横谈——6.Prototype 原型模式(创建型模式)

    动机(Motivation) 在软件系统中,经常面临着“某些结构复杂的对象”的创建工作.由于需求的变化,这些对象经常面临着剧烈的变化,但他们却拥有比较稳定一致的接口. 如何应对这种变化?如何向“客户程 ...

  5. 面向对象设计模式纵横谈:Prototype 原型模式(笔记记录)

       有一段时间没写东西了,今天继续把没写完的设计模式写完,今天这堂课是创建型设计模式的最后一堂课,原型设计模式,它同样也是解决了对象在创建的过程中的解耦合的情况,面对变化使代码更稳定,更准确的说是使 ...

  6. javascript 面向对象学习(二)——原型与继承

    什么是原型? 首先我们创建一个简单的空对象,再把它打印出来 var example = {} console.log(example) 结果如下: { __proto__: { constructor ...

  7. 面向对象继承 (for in 原型链查找属性)

    window.onload=function(){ new Preson('liujian','男').show(); new Work('liujian','男','工人').show(); new ...

  8. JavaScript 类式继承与原型继承

    交叉着写Java和Javascript都有2年多了,今天来总结下自己所了解的Javascript类与继承. Javascript本身没有类似Java的面向对象的类与继承术语,但其基于原型对象的思想却可 ...

  9. OO开发思想:面向对象的开发方法(Object oriented,OO)

    面向对象的开发方法(Object oriented,OO)认为是好文章吧,拿来分享一下(转载) 面向对象的开发方法(Object oriented,OO) 从事软件开发的工程 师们常常有这样 的体会: ...

随机推荐

  1. DRF lazy Serializer

    class LazySerializer: def __init__(self, cls_name, **kwargs): self.cls_name = cls_name self.kwargs = ...

  2. WePy--记录使用过程中的一些坑

    讲真, 官方文档还是要好好看, 都是细节啊... 1- 使用wepy框架中封装好的小程序api  <wepy 对小程序的API进行Promise处理>   ①: 首先需要声明 开启使用we ...

  3. JS中的五种去重方法

    JS中的五种去重方法 第一种方法: 第二种方法:  第三种方法: 第四种方法: 第五种方法:优化遍历数组法 思路:获取没重复的最右一值放入新数组 * 方法的实现代码相当酷炫,* 实现思路:获取没重复的 ...

  4. spring mvc 插入一条数据 返回该数据的主键编号

    import org.springframework.jdbc.core.PreparedStatementCreator; import org.springframework.jdbc.suppo ...

  5. hdu2838Cow Sorting(树状数组+逆序数)

    题目链接:点击打开链接 题意描写叙述:给定一个长度为100000的数组,每一个元素范围在1~100000,且互不同样,交换当中的随意两个数须要花费的代价为两个数之和. 问怎样交换使数组有序.花费的代价 ...

  6. node09---中间件

    如果我的的get.post回调函数中,没有next参数,那么就匹配上第一个路由,就不会往下匹配了. 如果想往下匹配的话,那么需要写next() 1app.get("/",funct ...

  7. m_Orchestrate learning system---十八、mo项目的启示是什么

    m_Orchestrate learning system---十八.mo项目的启示是什么 一.总结 一句话总结:多看教程,体统看教程的学, 完全不懂的话百度的作用也不大 多学点,可以节约后面的超多时 ...

  8. 集群节点Elasticsearch升级

    集群节点Elasticsearch升级 操作流程 1.首先执行Elasticsearch-1.2.2集群的索引数据备份 2.关闭elasticsearch-1.2.2集群的recovery.compr ...

  9. RAC IP 地址修改

    RAC 修改IP: 版本信息: REDHAT AS5 ORACLE 11G R2, 两个节点. 修改如下: 1.修改/etc/host(rac1,rac2) 192.168.3.205   rac-s ...

  10. Date日期类 Calendar日历类 完成可视化日历

    package com.test; import java.text.DateFormat; import java.text.ParseException; import java.text.Sim ...