高级-任务1

问题1： OOP 指什么？有哪些特性

OOP: Object Oriented programming面向对象编程，是一种编程模式
OOP有三种特性：

1. Encapsulation 封装
   封装描述了一种代码的组织结构形式，它把数据以及和它相关的行为打包起来。
2. inheritance 继承
   继承给程序员提供了可复用的代码优势，子类通过继承，可以实现直接访问父类里的属性和方法等等，并在无需重新编写原来的类的情况下对这些功能进行扩展。
3. Polymorphism 多态
   父类的通用行为可以被子类用更特殊的行为重写。

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

function Person(name, gender) {
  this.name = name,
  this.gender = gender
}
Person.prototype.say = function() {
  console.log('The name is ' + this.name)
}
var person1 =  new Person('nicole', 'female')
person1.say()

问题3： prototype 是什么？有什么特性

prototype也是一个对象，是JS对象的原型
特性：
每一个JS对象都有原型
所有JS对象都从原型中继承属性和方法

问题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('前端');

p1 ==> People.prototype ==> Object.prototype
p2 ==> People.prototype ==> Object.prototype

IMG_1162.JPG

问题5： 创建一个 Car 对象，拥有属性name、color、status；拥有方法run，stop，getStatus

function Car(name, color, status) {
  this.name = name
  this.color = color
  this.status = status
}
Car.prototype.run = function() {
  console.log(this.name + ' is running')
}
Car.prototype.stop = function() {
  console.log(this.name + ' is stopped')
}
Car.prototype.getStatus = function() {
  console.log(this.name + ': ' + this.status)
}
var car = new Car('benz', 'black', 'new')
car.run()
car.stop()
car.getStatus()

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

back to top