面向对象

OOP 指什么？有哪些特性

面向对象编程（Object Oriented Programming，OOP，面向对象程序设计），其中最重要的就是类和对象，类就像一张图纸，而对象就是将图纸上的内容赋予一个变量

1. 继承性：子类自动继承其父级类中的属性和方法，并可以添加新的属性和方法或者对部分属性和方法进行重写。继承增加了代码的可重用性。
2. 多态性：子类继承了来自父级类中的属性和方法，并对其中部分方法进行重写。
3. 封装性：将一个类的使用和实现分开，只保留部分接口和方法与外部联系。

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

function Cat(name){ this.name=nam; } Cat.prototype.say = function(){ console.log("this.name") } var dog = new Cat(“xiaoming”); dog.say();//xiaoming

prototype 是什么？有什么特性

1. 每个函数都有prototype这个属性，对应的值是原型对象
2. 每个对象都有个内部属性 proto,这个属性指向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('前端');

8D1DE3FD34A4B8549B429078B3BBECB9.png

创建一个 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(“1”) } Car.prototype.stop = function(){ console.log(“1”) } Car.prototype.getStatus = function(){ console.log(“1”) } var mycar = new Car("玛莎拉蒂"，“银色”，888)；

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

1. ct属性，GoTop 对应的 DOM 元素的容器
2. target属性， GoTop 对应的 DOM 元素
3. bindEvent 方法， 用于绑定事件
   4 createNode 方法， 用于在容器内创建节点
   var GoTop = function(ct){ this.ct = ct; this.target = $(' <button>'+'点我回到顶部'+'</button>') } GoTop.prototypy.createNode = function(){ this.ct.append(this.target) } GoTop.prototypy.bindEvent = function(){ this.target.on('click',function(){ $(window).animate({scrollTop: 0},500); }) } var go = new GoTop; go.createNode(); go.bindEvent();