面向对象OOP
面向对象三大特征:
封装:将一堆属性和方法放在一起
继承:子类可以继承父类的属性
多态:不同类型对象的同名函数
什么是构造函数:对象初始化自动执行的函数。开辟内存空间
和构造函数相对的时是析构函数:对象销毁时执行的函数,释放内存空间
什么是原型:是一种对象,只能使用构造函数。我们一般将公共的属性和方法写在原型中。原型是该构造函数创建的公共空间
例:写一个数组去重的原型方法
var arr = [1,2,3,4,6,2,3,5,1];
Array.prototype.quchong = function(){
var arr1 = [];
for(var i = 0; i < this.length; i++){
if(arr1.indexOf(this[i]) === -1){
arr1.push(this[i])
}
}
}
继承的方法call()、apply(),用来改变父级构造函数this的指向
例:
// 这里是父级的构造函数
function Person(name, sex, age){
this.name = name;
this.sex = sex;
this.age = age;
}
// 在这里我们实现hero继承person
function Hero(name, sex, age, skill, country){
// call参数是一个参数列表
// Person.call(this, name, sex, age);
// apply第二个参数是一个数组
Person.apply(this, [name, sex, age]);
this.skill = skill;
this.country = country;
}
创建对象的方法
1、使用object添加,可以动态的添加任意属性
例:
var obj = new Object();
obj.speed = 5;
obj.index = 0;
2、字变量创建
例:
var sjbbb = {
name: "摔跤吧!爸爸",
from: "印度",
main_actor: "阿米尔汗",
sale: function(){
console.log("好看");
}
}
sjbbb.sale();
3、工厂模式创建
function createMovie(name,from,main_actor){
var obj = {
name: name,
from: from,
actor: actor
}
return obj;
}
var m1 = createMovie("我的姐姐","中国大陆","张子枫");
4、构造函数(常用)
function Person(name, sex, age){
this.name = name;
this.age = age;
this.sex = sex;
this.type = "人类";
}
var p = new Person("小红","女",18);
console.log(p.age)
什么是MVC?
一种设计理念,将代码进行逻辑分离,分离成controller(控制层)、view(视图层)、medol(数据层)。降低耦合度,提高了代码的拓展性和易修改性