NEW对象 NEW2017

作者: 旧丶时候 | 来源:发表于2017-01-03 18:10 被阅读0次

    0. 前言

    </br>

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

    </br>

    1. 简介

    </br>

    面向过程
    • 自顶向下顺序执行;
    • 其程序结构是按功能划分为若干个基本模块;
    • 各模块之间的关系尽可能简单,在功能上相对独立;
    • 每一模块内部均是由顺序、选择和循环三种基本结构组成;
    • 程序流程在写程序时就已决定。
    把大象装进冰箱.jpg
    赵本山、宋丹丹的小品《钟点工》,有这么一个环节可谓是笑料百出:“把大象放进冰箱总共分几步?答:“三步,第一步把冰箱门打开;第二步把大象放进去,第三步把冰箱门带上”。而这,就是面向过程的思想。

    </br>

    面向对象
    • 把数据及对数据的操作方法放在一起,作为一个相互依存的整体——对象。
    • 对同类对象抽象出其共性,形成类。
    • 类中的大多数数据,只能用本类的方法进行处理。
    • 程序流程由用户在使用中决定。
    用面向对象的思想把大象关进冰箱.png
    同样,用面向对象的思想,把大象关进冰箱,就是你要知道,"谁"能把大象关进冰箱,"谁"有这个本事,你就让"谁"去做这件事。

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

    面向对象的特点
    1. 是一种符合人们思考习惯的思想
    1. 可以将复杂的事情简单化
    2. 将程序员从执行者转换成了指挥者
    面向对象的四大特性
    • 封装性
    • 继承性
    • 多态性
    • 抽象性

    </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. 在堆区开辟出一片空间用来保存对象
    1. 将对象中对应的属性进行赋值
    2. 返回对象的引用
    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. 结束语

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

    相关文章

      网友评论

        本文标题:NEW对象 NEW2017

        本文链接:https://www.haomeiwen.com/subject/unxnvttx.html