高级-任务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

推荐阅读更多精彩内容