人生就像一列开往坟墓的列车,路途上会有很多站,很难有人至始至终陪你走完全程,当陪你的人要下车时,即便不舍,也要心存感激,然后挥手告别。---sunnyhuang
问题1: OOP 指什么?有哪些特性
OOP(Object Oriented Programming)面向对象编程。
原则:封装开放原则
三要素:封装, 继承,多态
封装:将客观的事物封装成一类,并提供相应的属性和方法,让稳定的信息给人使用,不稳定的部分隐藏起来,例如:window对象的封装,里面有window.getComputedStyle(),window.name,window.navigator
继承: 这个比较抽象,就是一个对象可以使用另一个对象的属性和方法,被使用的对象叫做父类,使用者叫做子类。例如:人类是一个大类, 小王是人,小刚是人,他们都可以继承人类,从而使用人类里面的属性和方法。
多态: 对于对象的同一个方法,可以有不同的表现。例如: 猫和狗都属于动物这个大类,都有叫的本能,但是他们叫的声音是不一样的。
问题2: 如何通过构造函数的方式创建一个拥有属性和方法的对象?
对象的创建有2个情况
- 通过字面量的方式来创建对象
- 通过Object等构造函数创建(首字母大写)
通过构造函数new创建的对象,new主要是做了下列事情
- 创建一个空对象表示this
- this的proto属性指向构造函数的原型prototype
- 通过空对象执行构造函数
- 返回这个空对象(在构造函数没有return)
function People(sex,age){
this.sex=sex;
this.age=age;
}
People.prototype.say=function(){
console.log(this.age)
}
var hcc= new People("男",24)
//通过new出来的对象就拥有了sex,age属性,也可以调用构造函数原型链中的共有方法
hcc.say()
问题3: prototype 是什么?有什么特性
prototype
是函数的一个属性,记住是函数,函数,函数。
但是这个属性性质是一个对象,所以在函数中存放的是一个指针,指向内存中的一块内存。
函数的prototype属性默认的存放一个constructor
属性指向它的函数本身,我们也可以添加一些方法和属性到函数的原型中。
function people(){}
people.prototype.say=function(){console.log("hcc")}
//下面画出简单的图片结构
问题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
function Car(name,color,status){
this.name=name;
this.color=color;
this.status=status
}
Car.prototype.run=function(){
console.log(this.status+" running")
}
Car.prototype.stop=function(){
console.log(this.status+" stopping")
}
Car.prototype.getStatus=function(){
console.log(this.name+"我是在干嘛?")
}
var car1=new Car("Porsche","red","stop")
var car2=new Car("BMW","black","running")
问题6:创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法
1. `ct`属性,GoTop 对应的 DOM 元素的容器
2. `target`属性, GoTop 对应的 DOM 元素
3. `bindEvent` 方法, 用于绑定事件
4. `createNode` 方法, 用于在容器内创建节点