面向对象

2017-07-12  本文已影响0人  Ligod

问题1: OOP 指什么?有哪些特性

oop是指面向对象编程,将数据封装成对象,采用操作对象的形式,提高复用率,扩展性。
特性:
数据封装,把数据和方法绑定在一起的方法
继承,子类可以继承父类的属性和方法
多态,不同的类调用相同的方法有不一样的结果

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

var person = function(name,age){
  this.name = name;
  this.age = age
  this.say = function(){
    console.log('my name is:' + this.name)
  } 
};
  var person1 = new person('ni','hao')
  console.log(person1.say())

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

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

var car = function(){
  this.name = mame
  this.color = color
  this.status = status
}
car.prototype.run = function(){
  //do something
}
car.prototype.stop = function(){
  //do something
}
car.prototype.getStatus = function(){
  //do something
}

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

http://js.jirengu.com/qonoxeyose/1/edit?html,css,output
问题7: 使用木桶布局实现一个图片墙
http://js.jirengu.com/jemecebufe/2/edit?html,css,output

上一篇 下一篇

猜你喜欢

热点阅读