美文网首页
面向对象-Javascript

面向对象-Javascript

作者: YangJeremy | 来源:发表于2018-02-20 13:48 被阅读0次

    问题1: OOP 指什么?有哪些特性
    OOP指的是面向对象程序设计。最重要的概念是类和对象,1. 类:
    类是对现实生活中一类具有共同特征的事物的抽象

    1. 对象:
      对象是类的实例,对象包含属性和方法,属性是需要记忆的信息,方法是对象能够提供的服务。
      它的特性有:

    1.继承
    子类可以继承父类的属性和方法,并可以添加新属性和方法或者重写部分属性和方法,继承性增加了代码的可重用性。

    2.封装
    类一般被指派代表一类具有共同属性的事物,也可能具有相应的一些功能,而这些功能的具体实现是不被暴露出来的,用户只能接触到一些”接口“,这些接口告知用户可以使用什么样的功能,却无法探知里面的内容。类似一个黑盒操作模型。封装后的类可以具有更灵活的组合使用方式以及高复用性,提高了开发的效率。
    也就是说,将一个类的实现和使用分开,只保留部分接口与外部联系。
    3.多态
    子类继承父级类的属性和方法,并可以对部分方法进行重写。 对于同一个类,在不同的状态下,可能会做出不同的反应,也就是说在内部结构里进行的操作不同,但是都通过相同的方式予以调用。

    **问题2: 如何通过构造函数的方式创建一个拥有属性和方法的对象? **
    举个例子:

    function Student(sex,age){
        this.sex=sex;
        this.age=age;
    }
    Student.prototype.study=function(){
       console.log("work hard")
    }
    var s1=new Student("男",21)  //实例化
    s1.sex;   //   输出"男"
    s1.age;  //    输出21
    s1.study();   //输出"work hard"
    

    问题3: prototype 是什么?有什么特性
    prototype即原型对象,只有函数才有prototype属性。prototype是类的共有属性,可以理解为prototype是用来存放共有属性的容器。对象的原型的改变会传播到所有对象上,除非这些属性和方法被其他对原型链更里层的改动所覆盖。 实例可以通过__proto__访问到其类型的prototype属性,供所有实例访问。
    问题4:画出如下代码的原型图

    function People (name){
      this.name = name;
      this.sayName = function(){
        console.log('my name is:' + this.name);
      }
    }
    
    People.prototype.walk = function(){
      console.log(this.name + ' is walking');  
    }
    
    var p1 = new People('饥人谷');
    var p2 = new People('前端');
    
    原型图.jpg

    问题5: 创建一个 Car 对象,拥有属性name、color、status;拥有方法run,stop,getStatus

    var Car=function(name,color,status){
        this.name=name;
        this.color=color;
        this.status=status;
    }
    Car.prototype.run=function(){
         console.log("The car is running");
    }
    Car.prototype.stop=function(){
        console.log("The car is stopping");
    }
    Car.prototype.getStatus=function(){
       console.log("The car is'+this.status+'!");
    }
    var car1=new Car('BMW','black','stopping');
    car1;
    

    问题6: 创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法

    1. `ct`属性,GoTop 对应的 DOM 元素的容器
    2.  `target`属性, GoTop 对应的 DOM 元素
    3.  `bindEvent` 方法, 用于绑定事件
    4 `createNode` 方法, 用于在容器内创建节点
    
    

    回到顶部代码
    回到顶部效果预览

    相关文章

      网友评论

          本文标题:面向对象-Javascript

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