美文网首页
Javascript面向对象

Javascript面向对象

作者: Jill1231 | 来源:发表于2016-11-24 15:11 被阅读0次

面向对象基础

原创文章,转载请注明来自JillYu博客-
http://write.blog.csdn.net/postlist
建议先下载对应的代码:
https://coding.net/u/Jill/p/dankal-jill/git

1、什么是面向对象编程(01)

  • 用对象的思想去写代码,就是面向对象编程
    - 过程式写法
    - 面向对象写法
  • 我们一直都在使用对象
    -数组Array 时间Date

2、面向对象编程(OOP)的特点

  • 抽象:抓住核心问题
  • 封装:只能通过对象来访问方法
  • 继承:从已有对象上继承出新的对象
  • 多态:多对象的不同形态

3、对象的组成(02)

  • 方法(行为、操作)——函数:过程、动态的
  • 属性——变量:状态、静态的

4、创建第一个面向对象程序(03)

  • 为对象添加属性和方法
    -Object对象
    -this指向
    -创建两个对象:重复代码过多

5、工厂方式(04-07)

  • 面向对象中的封装函数
  • 改成与系统对象类似写法
    -首字母大写
    -new关键字提取
    -this指向为新创建的对象
  • 构造函数
    -用来创建对象的函数,叫做构造函数(new后面调用的函数)
  • 存在的问题
    -对象的引用
    -浪费内存

6、原型-prototype(07-08)

  • 概念
    -重写对象方法,让相同方法在内存中存在一份(提高性能)
  • 学习原型
    - 类比:css中的class
  • 通过原型改写工厂方式
    - 原则
    a、相同的属性和方法可以加载在原型上
    b、混合的编程模式
  • 总结面向对象写法
    -构造函数加属性,原型加方法
<script>
    function 构造函数() { 
       对象.属性
    } 
   构造函数.原型.方法 = function(){}; 
   //使用
    var 对象1 = new 构造函数(); 
   对象1.方法();
</script>

栗子(09-12)

  • 面向对象的选项卡
    原则
    -先写出普通的写法,然后改成面向对象写法
    a、普通方法变型
    b、尽量不要出现函数嵌套函数
    c、 可以有全局变量
    -改成面相对象
    a、全局变量就是属性
    b、函数就是方法
    c、onload中创建对象
    d、改this指向问题
  • 面向对象的拖拽
    同上
    注意event

相关文章

  • JavaScript学习

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • javascript的面向对象

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • ajax

    1. 面向对象 javascript 具有面向过程,面向对象,函数式编程的特点 javascript 重要 原型/...

  • 构造函数与 new 命令

    JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 如何进行面向对象编程。 对象...

  • JavaScript面向对象学习笔记

    @(JS技巧)[面向对象] JavaScript面向对象学习笔记 封装 Javascript是一种基于对象(obj...

  • js高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

  • JavaScript 高级(备忘)

    在线地址:JavaScript 高级 目标 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式...

  • 06-JavaScript高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

  • 前端进阶(二)JS高级讲解面向对象,原型,继承,闭包,正则表达式

    JavaScript 高级 学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌...

  • JavaScript高级

    学习目标: 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 掌握在 JavaScript ...

网友评论

      本文标题:Javascript面向对象

      本文链接:https://www.haomeiwen.com/subject/kknxpttx.html