美文网首页
面向对象-原型

面向对象-原型

作者: YangJeremy | 来源:发表于2017-09-24 23:41 被阅读0次

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

  1. 对象:
    对象是类的实例,对象包含属性和方法,属性是需要记忆的信息,方法是对象能够提供的服务。
    它的特性有:
    1.继承
    子类可以继承父类的属性和方法。子类可以添加新的属性和方法,子类可以重写父类的属性和方法
    **问题2: 如何通过构造函数的方式创建一个拥有属性和方法的对象? **
    举个例子:
function Student(sex,age){
    this.sex=sex;
    this.age=age;
    this.study=function(){
         console.log("work hard")
    }
}
var jay=new Student("男",21)  //实例化
jay.sex;
jay.age;  //得到jay的属性
jay.study();   //输出"work hard"

问题3: prototype 是什么?有什么特性
prototype即原型,只有函数才有prototype属性。prototype是类的共有属性,可以理解为prototype是用来存放共有属性的容器。对象的原型的改变会传播到所有对象上,除非这些属性和方法被其他对原型链更里层的改动所覆盖。 实例可以通过_prop_访问到其类型的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` 方法, 用于在容器内创建节点

代码

相关文章

  • 1.web前端基础储备之—js的面向对象风格以及原型和原型链

    javascript是面向对象风格,基于原型的语言。 目标:了解js面向对象和原型原型链的关系 面向对象(OOP)...

  • Javascript-高级篇之面向对象

    面向对象 基于原型的面向对象 基于原型的面向对象方式中,对象(object)则是依靠构造器(constructor...

  • lesson 5 面向对象及原型链 2021-04-29

    课程标题 面向对象及原型链 课程目标 面向对象思想 原型及原型链 继承 知识点 面向对象思想 原型链的指向 new...

  • 面向对象:JavaScript

    面向对象 面向对象组成 this指向 第一个面向对象 第一个面向对象加强版 第一个面向对象(this) 原型 原型...

  • JavaScript之面向对象编程

    五、面向对象编程 目录:面向对象原型继承、面向对象class继承(ES6引入的) 1.面向对象原型继承 类:模板 ...

  • 介绍js中的原型

    原型 编程语言对面向对象的实现主流的有两种方式:基于类的面向对象和基于原型的面向对象。 基于类的面向对象 典型的语...

  • 面试题

    1、继承、原型、面向对象

  • JavaScript进阶知识点--JS面向对象

    面向对象 对代码的一种抽象,对外同一提供调用接口的编程思想 基于原型的面向对象 基于原型的面向对象方式中,对象(o...

  • ajax

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

  • 面向对象原型

    面向对象原型案例 var box = new Object(); box.name = 'lee'; box....

网友评论

      本文标题:面向对象-原型

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