zoukankan      html  css  js  c++  java
  • 面向对象基础概念

    什么是对象----所谓对象,就是一个具有简单功能的事物,例如:汽车,电脑,手机,水杯,他们都会提供一定的功能,自己本身是一个整体,把功能集成在自己身上。

    百度百科的关于对象的定义----具有属性和方法的类实例(感觉蛮抽象的,其实在现实生活中就是具体的事物,在程序设计里面把他抽象出来)。

    面向对象----Object Oriented 面向对象这个概念用处很广泛,在学数据库的时候看到过面向对象的概念,学VB的时候同样遇到过,当然现在JS同样遇到了。刚开始一听面向对象会感觉很抽象,其实简单来说就是一点,把面向对象看作是生活中的一个提供某一种功能的事物,在JS里那就是具体的封装函数,这样一个封装函数可以提供一些功能,类似于JQuery这样的库,他就可以提供很多种功能,作为前端开发的人员,虽然说没有必要知道他的具体代码,只要会使用他提供的功能就可以了,但是如果自己知道那些技术大牛是怎么写的库,写代码的思维,那就高人一筹了。

    面向对象的特征

    1. 抽象----抓住核心问题。例如今天的六级考试,把一个人抽象成姓名,准考证号来代表一个人具体的人。
    2. 封装----封装使数据和加工该数据的方法(函数)封装为一个整体,以实现独立性很强的模块,使得用户只能见到对象的外特性(对象能接受哪些消息,具有那些处理能力),而对象的内特性(保存内部状态的私有数据和实现加工能力的算法)对用户是隐蔽的。封装的目的在于把对象的设计者和对象者的使用分开,使用者不必知晓行为实现的细节,只须用设计者提供的消息来访问该对象。简单来说就是封闭函数,在外面调用函数。
    3. 继承----单继承(一个子类有多个父类)和多重继承(一个子类有多个父类)-----其实继承和CSS有类似点。
    4. 多态----同一消息为不同的对象接受时可产生完全不同的行动。利用多态性用户可发送一个通用的信息,而将所有的实现细节都留给接受消息的对象自行决定,如是,同一消息即可调用不同的方法。

    对象的组成:

    • 方法---函数:动态
    • 变量---属性:静态
     1 <script>
     2     /*var arr=[1,2,3,4];
     3     var a=10;            //现在的a是变量----自由的
     4     arr.a=1;            //现在的a是属性----属于某一个对象的
     5     alert(arr.a);*/
     6     function paxster(){
     7         alert('bingo');    
     8     }
     9     paxster();            //函数
    10     
    11     paxster=function(){
    12         alert('bingostyle');
    13     }
    14     paxster();            //方法
    15 </script>

     this属于谁,属于他的对象

    1 <script>
    2     var paxster=[1,2,3];
    3     paxster.show=function(){
    4         alert(this);    //this----当前的方法属于谁?
    5     }
    6     paxster.show();
    7 </script>

    window对象

    1 function show(){
    2         alert(this);    
    3     }
    4     show();
    1.  函数----自由的时候叫做函数
    2. 方法----当一个函数属于一个对象的时候叫做方法
    3. 构造函数----创建一个对象
    4. 事件处理函数----事件处理的时候

    构造函数:其实很容易理解,使用一个函数封装功能,其他的数据就可以调用这个函数创建新的对象,不需要多次写同一个函数。

     1 <script>
     2 //用工厂方式构造对象
     3 function createPerson(name, sex)    //构造函数
     4 {
     5     //1.原料
     6     var obj=new Object();
     7     //2.加工
     8     obj.name=name;
     9     obj.sex=sex;
    10     obj.showName=function ()
    11     {
    12         alert('我的名字叫:'+this.name);
    13     };
    14     obj.showSex=function ()
    15     {
    16         alert('我是'+this.sex+'的');
    17     };
    18     //3.出厂
    19     return obj;
    20 }
    21 var p1=createPerson('paxster', 'boy');
    22 var p2=createPerson('boychik', 'girl');
    23 alert(p1.showName==p2.showName);
    24 </script>

     工厂方式的问题:

    1. 没有new----new可以简化代码
    2. 资源浪费,调用同一个函数多次。(每写一次function函数创建一个新的对象

    明天早上出门,暂时到这:)

  • 相关阅读:
    零散
    修改element的内部样式的两种方式
    在vue-cli项目中使用第三方的js,不是es6格式
    Docker知识
    golang使用grpc
    vue中axios导出文件
    nginx、vue和thinkphp配置
    Mysql的一些问题
    数据库索引失效原因
    golang中使用grpc服务
  • 原文地址:https://www.cnblogs.com/paxster/p/3138044.html
Copyright © 2011-2022 走看看