文档章节

面向对象编程(OOP)----BLUE大师JS课堂笔记

老鸟的空间
 老鸟的空间
发布于 2014/06/28 17:48
字数 755
阅读 35
收藏 0

1.面向对象时,只关注对象提供的功能,不关注其内部的细节。 如JQUERY

2.面向对象时一种通用思想,并非只有编程中能用,任何事情都可以用。如公司里的上传下达

3.面向对象编程(OOP)的特点,传统的书本会说:多态,封装,继承三大特点

   应该还能理解成抽象,封装,继承三大特点

   抽象:抓住核心问题

   封装:不考虑内部实现,只考虑功能使用

   继承:从已有对象上,继承出新的对象

4.对象的组成

    方法---------函数:过程,动态的

    属性---------变量:状态,静态的

    变量和函数是自由的,属性和方法属于一个对象

5.this:当前的方法属于谁,this就是指谁    除了在函数面前有new的时候

  

复制代码

.name=.sex=

复制代码

var p1 = new Person("leo","男");

在这里的this是Object

原因是这个函数相当于

复制代码

function Person(name,sex)
{       var this = new Object();   //虽然在JS里面不能这么写,但是差不多是这个意思,创建一个新的对象。
       this.name=name;       this.sex=sex;          //给this对象赋属性
       return this;             //返回this}

复制代码

6.构造对象的函数称之为构造函数,不具备实际功能,只能用来构造对象   如:var arr = new Array();

7.工厂方式构造对象。工厂的工作流程是这样的a.原料   b.加工    c.出厂。用工厂方式构造对象也是一样的,首先要创建一个对象(加工),然后给对象添加方法和属性(加工),最后返回对象(出厂)。例子:

  

复制代码

function CreatePerson(name,sex)
{      var person = new Object(); //原料      
      person.name=name;
      person.sex=sex;
      person.show=function()
     {
          alert(this.name);
      }                                         //加工,给对象添加方法和属性

     return person;                    //出厂,返回对象}

复制代码

 

8.工厂的方式有2个问题。问题一:没有new;问题二:每个对象都有一套自己的函数,极其浪费资源。

   为了解决问题一:

复制代码

function Person(name,sex)
{        this.name=name;        this.sex=sex;
}var p1 = new Person("leo","男");

复制代码

用了一个new 把构造函数内部的 创建对象和返回对象给省去了。

   为了解决问题二:

Person.prototype.show=function()
{
       alert(this.name);
}

给原型添加了方法,基于这个构造函数创建出来的对象就都具有这个方法了,而且是共用一个方法,而不是像工厂模式那样的每个对象new一个function,这个极大地节省了资源,就像工厂生产蛋糕的模式,虽然生产出那么多得蛋糕,但是用的却是一个模子,而不是每生产一个蛋糕就用一个模子。

类---------------------模子

对象(实例)-----------蛋糕

原型一个重要应用-----扩展功能

9.为了区别普通函数和构造函数,构造函数首字母大写。

10.混合写法:构造函数放属性,原型放方法。

11.alert(typeof Date);     弹出function      因为Date是构造函数


本文转载自:http://www.cnblogs.com/ggbd-lie/archive/2012/11/21/2780394.html

共有 人打赏支持
上一篇: 即时函数
老鸟的空间
粉丝 7
博文 79
码字总数 7683
作品 0
海淀
程序员
私信 提问
分享51本关于JavaScript方面的学习书籍(免费下载)

分享51本关于JavaScript方面的学习书籍(免费下载) 1、JavaScript面向对象15分钟教程 2、原型、作用域、闭包的完整解释 3、Javascript面向对象特性实现(封装、继承、接口) 4、JavaScript面向...

邓剑彬
2012/12/02
1K
12
《JavaScript 权威指南》读书笔记 1 - 简介

原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节...

keelii
2016/06/24
0
0
为什么我不推荐 JavsScript 为首选编程语言

对于软件职业生涯,JavsScript不应该是首选 几天前,我写了一篇《what programming language you should learn first for a career in programming》的文章,引来了很多的争论(Google+ 上有...

腊八粥
2014/01/11
4.9K
25
用函数式编程对JavaScript进行断舍离

译者按: 当从业20的JavaScript老司机学会函数式编程时,他扔掉了90%的特性,也不用面向对象了,最后发现了真爱啊!!! 原文: How I rediscovered my love for JavaScript after throwing 90...

Fundebug
2017/09/13
0
0
java 私塾课堂笔记——Javascript

java 私塾课堂笔记——Javascript 1:什么是Javascript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 2:Java和Javascript的区别 (1)、基于对象和...

luodis
2011/04/27
486
0

没有更多内容

加载失败,请刷新页面

加载更多

图像库stb_image

https://github.com/nothings/stb 目前一般主流的图像格式也就是bmp,jpg,png,tga,dds,除了DDS一般是给DX用的,虽然一堆OpenGL程序也有用的,但是我一般只用png和tga, png不用说了,带a...

robslove
13分钟前
1
0
Spring 事务提交回滚源码解析

前言 在上篇文章 Spring 事务初始化源码分析 中分析了 Spring 事务初始化的一个过程,当初始化完成后,Spring 是如何去获取事务,当目标方法异常后,又是如何进行回滚的,又或是目标方法执行...

TSMYK
32分钟前
2
0
百度黄埔学院将培养一批首席AI架构师,为“国之重器”赋能

深度学习高端人才不仅是AI发展的重要养分,也是企业转型AI巨大推动力。2019年1月19日,百度黄埔学院——深度学习架构师培养计划在百度科技园举行开学典礼,深度学习技术及应用国家工程实验室...

深度学习之桨
58分钟前
3
0
扒站wget仿站

wget -c -r -p -np -k http://xxx.com/xxx 其中: -c, --continue (断点续传) 接着下载没下载完的文件 -r, --recursive(递归) specify recursive download.(指定递归下载) -p, --page...

临江仙卜算子
今天
2
0
Nextjs+React非页面组件SSR渲染

@随风溜达的向日葵 Nextjs Nextjs是React生态中非常受欢迎的SSR(server side render——服务端渲染)框架,只需要几个步骤就可以搭建一个支持SSR的工程(_Nextjs_的快速搭建见Next.js入门)...

随风溜达的向日葵
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部