NEW对象 NEW2017

0. 前言

</br>

2017年，又开始了新的一年，新的一年了，你是否依旧很骄傲的说自己是"单身狗"，是不是在2016年12月31日那天，你的"单身狗"，又涨了"一岁",哈哈，没事啊，其实，我想告诉你们一个秘密，每个程序员都是"有对象的人",为什么这么说呢？那我今天就告诉你为什么。

对象.jpg

</br>

1. 简介

</br>

面向过程

• 自顶向下顺序执行；

• 其程序结构是按功能划分为若干个基本模块；
• 各模块之间的关系尽可能简单，在功能上相对独立；
• 每一模块内部均是由顺序、选择和循环三种基本结构组成；
• 程序流程在写程序时就已决定。

把大象装进冰箱.jpg

赵本山、宋丹丹的小品《钟点工》，有这么一个环节可谓是笑料百出：“把大象放进冰箱总共分几步？答：“三步，第一步把冰箱门打开；第二步把大象放进去，第三步把冰箱门带上”。而这，就是面向过程的思想。

</br>

面向对象

• 把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。

• 对同类对象抽象出其共性，形成类。
• 类中的大多数数据，只能用本类的方法进行处理。
• 程序流程由用户在使用中决定。

用面向对象的思想把大象关进冰箱.png

同样，用面向对象的思想，把大象关进冰箱，就是你要知道，"谁"能把大象关进冰箱，"谁"有这个本事，你就让"谁"去做这件事。

面向对象的思想：更符合人们思考习惯的问题，从执行者变成了指挥者

面向对象的特点

1. 是一种符合人们思考习惯的思想

2. 可以将复杂的事情简单化
3. 将程序员从执行者转换成了指挥者

面向对象的四大特性

• 封装性

• 继承性
• 多态性
• 抽象性

</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一个对象.png

NEW一个对象（女朋友）

var 对象名 = new 构造函数名(参数列表);
new 构造函数名(参数列表)
new都做了什么事情？

1. 在堆区开辟出一片空间用来保存对象

2. 将对象中对应的属性进行赋值
3. 返回对象的引用

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. 总结

面向对象无法取代面向过程，它们是相辅相成的。面向对象是从宏观上把握事物的，但在面向对象中具体实现某个细节时，也得采用面向过程的思想，面向对象是相对面向过程而言。
面向对象和面向过程都是一种思想：

面向过程

1. 强调的是功能行为
2. 关注的是解决问题需要哪些步骤

面向对象

1. 将功能封装进对象，强调具备了功能的对象
2. 关注的是解决问题需要哪些对象

4. 结束语

说点正经的啊，引用一句大家都知道的话，叶的离开，是风的追求，还是树的不挽留？如果你在生活中，遇到自己喜欢的，也喜欢你的，就在一起吧，虽然你已经学会了自己创建对象，但是也不是个事啊.....这个事就不说了。最后，求点赞，求分享。