1: OOP 指什么?有哪些特性
OOP 即Object-oriented programming的缩写:意为面向对象程序设计,是一种计算机编程架构。
OOP的关键特性:
- 第一个关键特性是定义了类,封装了表现和操作的抽象数据类型。
- 第二个关键特性是继承,从已存在的类型中继承元素(表现和方法),改变或扩展旧类型的方法。
- 第三个关键技术被称为多态性,它允许使用类似的方法操作不同类型的对象(通常是子类对象)。它使得类的可用性进一步提高,程序也因此更容易维护和扩展。
2: 如何通过构造函数的方式创建一个拥有属性和方法的对象?
function Box(name, age) { //构造函数模式
this.name = name;
this.age = age;
this.run = function() {
return this.name + this.age;
};
}
var box1 = new Box('Lee', 100); //new Box() 即可
var box2 = new Box('Jack', 200);
构造函数的方法有一些规范:
1)函数名和实例化构造名相同且大写,(PS:非强制,但这么写有助于区分构造函数和
普通函数);
2)通过构造函数创建对象,必须使用new 运算符。
构造函数可以创建对象执行的过程:
1)当使用了构造函数,并且new 构造函数(),那么就后台执行了new Object();
2)将构造函数的作用域给新对象,(即new Object()创建出的对象),而函数体内的this 就
代表new Object()出来的对象。
3)执行构造函数内的代码;
4)返回新对象(后台直接返回)。
1.构造函数和普通函数的唯一区别,就是他们调用的方式不同。只不过,构造函数也是函数,必须用new 运算符来调用,否则就是普通函数。
2.this就是代表当前作用域对象的引用。如果在全局范围this 就代表window 对象,如果在构造函数体内,就代表当前的构造函数所声明的对象。
3: prototype 是什么?有什么特性
prototype
prototype是函数对象上面预设的对象属性
- JS中所有的东西都是对象,每个对象都有prototype这个属性,这个属性是一个对象(object)
- JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype
- JS中构造函数和实例(对象)之间的关系,构造函数通过定义prototype来约定其实例的规格, 再通过 new 来构造出实例, 他们的作用就是生产对象。而构造函数(方法)本身又是方法(Function)的实例, 因此也可以查到它的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('前端');
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 + 'stoped')
}
Car.prototype.getStatus = function(){
console.log('status:' + this.status)
}
6: 创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法
1. `ct`属性,GoTop 对应的 DOM 元素的容器
2. `target`属性, GoTop 对应的 DOM 元素
3. `bindEvent` 方法, 用于绑定事件
4 `createNode` 方法, 用于在容器内创建节点