美文网首页
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面向对象

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