美文网首页
JavaScript面向对象(一)

JavaScript面向对象(一)

作者: 阿昕_ | 来源:发表于2018-08-31 13:23 被阅读17次

面向对象的意义

  • 数据结构化:对于计算机,结构化才是最简单的
  • 编程应该 简单 抽象

面向对象三要素

继承【子类继承父类】

  • 继承可将公共方法抽离出来,提高复用,减少冗余

封装 【数据的权限和保密】

  • public: 完全开放
  • protect: 对子类开放
  • private: 对自己开放
  • 减少耦合,不该外露的不外露
  • 利于数据和接口的权限管理
  • ES6目前不支持,一般认为_开头的属性是private

多态 【同一接口的不同实现】

  • 同一个接口,不同的表现
  • js应用极少
  • 需要结合java等语言的接口,重写,重载功能
  • 保持子类的开放性和灵活性
  • 面向接口编程

jQuery应用

class JQuery {
    constructor(selector) {
        // 获取节点列表 转换为数组
        let dom = Array.from(document.querySelectorAll(selector))
        // 节点列表长度
        let len = dom ? dom.length : 0
        for (let i = 0; i < len; i++) {
            this[i] = dom[i]
        }
        this.length = len
        this.selector = selector || ''
    }
    append(node) {

    }
    addClass(name) {

    }
    html(data) {

    }
}
window.$ = function (selector) {
    return new JQuery(selector)
}

相关文章

  • JavaScript面向对象学习笔记

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

  • JavaScript学习

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

  • javascript的面向对象

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

  • ajax

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

  • Javascript面向对象编程

    阮一峰文档备忘 Javascript 面向对象编程(一):介绍封装 Javascript 面向对象编程(二):介绍...

  • 构造函数与 new 命令

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

  • 重新认识JavaScript面向对象: 从ES5到ES6

    一. 重新认识面向对象 1. JavaScript是一门面向对象的语言 在说明JavaScript是一个面向对象的...

  • js高级

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

  • JavaScript 高级(备忘)

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

  • 06-JavaScript高级

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

网友评论

      本文标题:JavaScript面向对象(一)

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