问题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
网友评论