美文网首页
对象_原型

对象_原型

作者: 山门龙龙 | 来源:发表于2017-08-10 20:12 被阅读0次

    1.OOP 指什么?有哪些特性

    OOP全称object-oriented programming , 译作面向对象编程。
    特性:

    • 开放封闭原则,开放指可以添加新的方法和属性,封闭指不能修改已添加的方法和属性。
    • 类的实例化就是对象
    • 封装性,多个方法放在一个接口内,通过接口实现信息传递
    • 继承,在某些情况下,子类比父类更具体化
    • 多态,是指由继承而产生的相关的不同的类

    2.如何通过构造函数的方式创建一个拥有属性和方法的对象?

    function person(name,age) {
        this.name = 'jinlong';
        this.age = 26;
    }
    
    person.prototype.sayName = function () {
        console.log(this.name);
    }
    
    var p1 = new person();
    p1.sayName();
    

    3.prototype 是什么?有什么特性

    prototype是显性原型,每一个函数创建的时候都会自动一个prototype,它是一个空的对象。它能让我们抽象避免重复,它主要有这些特性:

    • 所有实例都会通过原型链引用类型的prototype
    • 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('前端');
    
    原型.png

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

    function car(name,color,status) {
        this.name = name;
        this.color = color;
        this.status = status;
    }
    
    car.prototype = {
        constructor: car,
        run: function () {
            console.log(this.name)
        },
        stop: function () {
            console.log(this.color)
        },
        getStatus: function () {
            console.log(this.status)
        }
    }
    
    var a = new car('jinlong','blue','true');
    

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

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

    7.使用木桶布局实现一个图片墙

    代码链接

    相关文章

      网友评论

          本文标题:对象_原型

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