0. 前言
</br>
2017年,又开始了新的一年,新的一年了,你是否依旧很骄傲的说自己是"单身狗",是不是在2016年12月31日那天,你的"单身狗",又涨了"一岁",哈哈,没事啊,其实,我想告诉你们一个秘密,每个程序员都是"有对象的人",为什么这么说呢?那我今天就告诉你为什么。
</br>
1. 简介
</br>
面向过程
- 自顶向下顺序执行;
- 其程序结构是按功能划分为若干个基本模块;
- 各模块之间的关系尽可能简单,在功能上相对独立;
- 每一模块内部均是由顺序、选择和循环三种基本结构组成;
- 程序流程在写程序时就已决定。
赵本山、宋丹丹的小品《钟点工》,有这么一个环节可谓是笑料百出:“把大象放进冰箱总共分几步?答:“三步,第一步把冰箱门打开;第二步把大象放进去,第三步把冰箱门带上”。而这,就是面向过程的思想。
</br>
面向对象
- 把数据及对数据的操作方法放在一起,作为一个相互依存的整体——对象。
- 对同类对象抽象出其共性,形成类。
- 类中的大多数数据,只能用本类的方法进行处理。
- 程序流程由用户在使用中决定。
同样,用面向对象的思想,把大象关进冰箱,就是你要知道,"谁"能把大象关进冰箱,"谁"有这个本事,你就让"谁"去做这件事。
面向对象的思想:更符合人们思考习惯的问题,从执行者变成了指挥者
面向对象的特点
- 是一种符合人们思考习惯的思想
- 可以将复杂的事情简单化
- 将程序员从执行者转换成了指挥者
面向对象的四大特性
- 封装性
- 继承性
- 多态性
- 抽象性
</br>
2. 代码实现
</br>
2.1 字面量方式创建对象(女朋友)并访问属性和方法
好了,可以去创建你的女朋友了。
对象:属性和方法的集合
创建对象(女朋友)
//1. 创建空对象
var obj1 = {};//(字面量方式)
console.log(obj1);//输出 Object {}
console.log(typeof obj1);//输出 object
var girlFriend = {
//添加属性
name:"二雷",
height:165,
weight:55,
age:25,
//行为
eat:function(){
console.log("吃");
},
run:function(){
console.log("跑");
},
//带参数行为
sleep:function(hours){
console.log("睡觉" + hours + "个小时");
},
//
say:function(hours){
console.log("身高" + girlFriend.height);
//在对象内部,this代表当前对象本身
console.log("年龄" + this.age);
},
};
访问对象(女朋友)的属性与方法
//访问对象的属性(属性值)
//对象名["属性名"]
console.log(girlFriend["name"]);//输出 二雷
//点语法访问属性
//对象名.属性名
console.log(girlFriend.height);//输出 165
修改对象(女朋友)的属性
girlFriend.weight = 180;
console.log(girlFriend);//输出 180
添加对象(女朋友)的属性与方法
//添加属性
girlFriend.faceValue = 100;
console.log(girlFriend);//输出 100
//添加方法
girlFriend.play = function (){
console.log("玩");
};
删除对象(女朋友)属性与行为
//删除属性
delete girlFriend.weight;
//因为删了,所以没有了
console.log(girlFriend);//输出 Object {name: "二雷", height: 165, age: 25, faceValue: 100}
//删除对象行为
delete girlFriend.eat;
因为删除了找不到了。
girlFriend.eat()//输出 报错
</br>
2.2 工厂模式创建对象(女朋友)并访问属性和方法
这回该有人说我想换一个类型的,一个对象嫌少,好,满足你,批量生产。想创建几个就创建几个。
使用工厂模式可以快速、大量的创建拥有相同属性和行为的对象
创建对象(女朋友)
function createGirlFriend(a){
return {
name:a,
eat:function(){
console.log("吃");
}
};
}
var girl1 = createGirlFriend("三雷");
var girl2 = createGirlFriend("四雷");
console.log(girl1);//输出 Object {name: "三雷"}
console.log(girl2);//输出 Object {name: "四雷"}
访问对象(女朋友)的属性与方法
//访问属性
console.log(girl1.name);//输出 三雷
//访问行为
girl1.eat();//输出 吃
添加对象(女朋友)的属性与方法
//添加属性
girl1.age = 17;
console.log(girl1);//输出 Object {name: "三雷", age: 17}
console.log(girl2);//输出 Object {name: "三雷"}
//添加行为
girl1.eat = function(){
console.log("eat");
};
俩个对象之间互不影响,所以girl1有age这个属性,girl2没有。
删除对象(女朋友)属性与行为
delete girl1.age;
//因为删除了,所以没有了。
console.log(girl1);//输出 Object {name: "三雷"}
delete girl1.eat;
//以为删除了,找不到了。
girl1.eat();//输出 报错
</br>
2.3 构建函数创建对象(女朋友)并访问属性和方法
- 构造函数(就是函数,为了作区分,一般我们将构造函数的首字母大写)
- 构造函数----类(类型)
- 构造函数声明后不会被执行,仅仅是定义了一个用于这些属性和方法的"类型",没有任何的对象的实例产生
创建对象(女朋友)
function GirlFriend(name,age,height,weight){
//属性
this.name = name;
this.age = age;
this.height = height;
this.weight = weight;
//行为
this.eat = function(){
console.log("吃");
};
}
NEW一个对象(女朋友)
var 对象名 = new 构造函数名(参数列表);
new 构造函数名(参数列表)
new都做了什么事情?
- 在堆区开辟出一片空间用来保存对象
- 将对象中对应的属性进行赋值
- 返回对象的引用
var girl = new GirlFriend("缺电",20,150,180);
console.log(girl);//输出 GirlFriend {name: "铁锤妹妹", age: 20, height: 110, weight: 168}
访问对象(女朋友)的属性与方法
//访问属性
console.log(girl.name);//输出 铁锤妹妹
//访问行为
girl.eat();//输出 吃
添加对象(女朋友)的属性与方法
//添加属性
girl.faceValue = 100;
console.log(girl);//输出 GirlFriend {name: "铁锤妹妹", age: 20, height: 110, weight: 168, faceValue: 100}
//添加方法
girl.run = function(){
console.log("跑");
}
删除对象(女朋友)属性与行为
delete girl.faceValue;
因为删除了,所以没有了。
console.log(girl);//输出 GirlFriend {name: "铁锤妹妹", age: 20, height: 110, weight: 168}
delete girl.run;
因为删除了,所以找不到了。
girl.run();//输出 报错
</br>
3. 总结
面向对象无法取代面向过程,它们是相辅相成的。面向对象是从宏观上把握事物的,但在面向对象中具体实现某个细节时,也得采用面向过程的思想,面向对象是相对面向过程而言。
面向对象和面向过程都是一种思想:
面向过程
- 强调的是功能行为
- 关注的是解决问题需要哪些步骤
面向对象
- 将功能封装进对象,强调具备了功能的对象
- 关注的是解决问题需要哪些对象
4. 结束语
说点正经的啊,引用一句大家都知道的话,叶的离开,是风的追求,还是树的不挽留?如果你在生活中,遇到自己喜欢的,也喜欢你的,就在一起吧,虽然你已经学会了自己创建对象,但是也不是个事啊.....这个事就不说了。最后,求点赞,求分享。