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

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

  • javascript的面向对象

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

  • ajax

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

  • 构造函数与 new 命令

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

  • JavaScript面向对象学习笔记

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

  • js高级

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

  • JavaScript 高级(备忘)

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

  • 06-JavaScript高级

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

  • 前端进阶(二)JS高级讲解面向对象,原型,继承,闭包,正则表达式

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

  • JavaScript高级

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

网友评论

      本文标题:面向对象-Javascript

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