码迷,mamicode.com
首页 > 其他好文 > 详细

面向对象编程思想

时间:2020-04-20 01:34:58      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:方法(函数)   成功   创建   格式   方式   基本   com   nbsp   产生   

面向对象的基本思想
 
1、什么是面向对象
  “面向对象的方法主要是把事物给对象化,包括其属性和行为。
   是一种编程思想,编程思路,代码的书写格式
2、构造函数的使用
  创建对象的方法,有两种
            字面量  const obj = {} 
            构造函数  const obj = new Object()
            这个构造函数,就是JavaScript程序定义好的构造函数,我们直接使用就可以了
            所谓的构造函数,实际也是一种函数
 
  构造函数和普通函数的区别
             1、构造函数一定要和 关键词 new 一起使用
                    new 关键词具有特殊的功能,
                    会自动的给 构造函数中 定义一个对象,并且返回这个对象
                    我们只要对这个对象设定属性,设定方法就可以了
             2、构造函数为了和其他函数区别
                   语法规范规定,构造函数,函数名称,第一个字母必须大写,使用大驼峰命名法
             3、构造函数,给对象定义属性和方法的语法,与一般函数不同
 
3、自定义构造函数
  技术图片
  
  注意:1、函数名称要使用大驼峰命名法
         2、自定义构造函数中,不要定义对象,和 定义return
            new 关键词会执行,如果定义了,会产生冲突
 
  总结
        new 的作用
        1、在构造函数中,自行创建一个对象,并且返回这个对象
        2、因为new 关键词,创建了对象,此时,构造函数中的this,才会指向这个对象
          也就是将来生成的实例化对象
        3、所有的构造函数中,this的指向,都是将来通过这个构造函数生成的实例化对象
 
  
4、prototype是什么?
  prototype 是每个函数本身就具有的一个特殊的属性
   可以在这个特殊的属性中,存储 数据和函数
  技术图片
 
5、proto是什么
  JavaScript中,每一个对象,都有一个 __proto__
          实例化对象的 __proto__  就是指向的 构造函数中, prototype 这个属性
          通过构造函数,生成的实例化对象,这个实例化对象, __proto__ 存储的地址
          就是生成这个实例化对象的构造函数的 prototype 的地址
          实例化对象的 __proto__ 实际上 就是指向 构造函数的 prototype
 
  总结
          函数有一个 属性 叫 prototype 
              其中可以定义,存储, 属性属性值 函数名称函数等等数据
              定义在 prototype 中的内容 就是 函数自己本身的数据

          对象有一个 属性 叫 __proto__
          构造函数,在生成实例化对象时,会将自己 prototype 这个空间的地址
          赋值给 实例化对象 的 __proto__ 来存储
          实际上 构造函数的 prototype 和 生成的实例化对象的 __proto__ 指向的是同一个 存储空间
          可以相互调用数据
 
 5、 原型对象、原型属性、原型链
 
   (1)、原型对象
                每一个函数,天生都有一个 prototype 属性,称为原型对象
        是一个专门用来存储数据,函数等内容的空间

          (2)、原型属性
                每一个对象,天生都有一个 __proto__ 属性,称为原型属性
        实例化对象的原型属性,指向的创建实例化对象的构造函数的 prototype

                函数,数组,等,JavaScript中的数据类型
        实际存储的形式都是一个对象,都会有 __proto__ 属性
        在JavaScript中,可以用对象的形式存储任何数据类型

          (3)、原型链
                   所谓的原型链,就是所有相互关联的变量,使用 __proto__ 属性串联起来
         调用数据数据时,会通过 __proto__ 将所有相互关联的 变量 串联
         只要有一个变量中 有相应的属性,就会调用成功
 
6、面向对象编程的优点
        优点与函数的优点类似
        高内聚  低耦合
        高内聚 : 将所有需要的程序,都定义封装在对象内
                对象中存储所有需要的属性,所有需要的方法
        低耦合 : 尽量减少特殊程序的执行
 
7、面向对象的基本思想
  基本思路就是,创建一个对象,给这个对象,添加上属性和属性值,还有函数等方法
       之后通过操作这个对象,来完成需要的效果

        先通过一个函数的方法,来创建对象
  
   function createObj(){
            // 创建对象
            const obj = {};

            // 给对象添加属性和属性值
            obj.name = ‘张三‘;
            obj.age = 18;
            obj.addr = ‘北京‘;
            obj.sex = ‘男‘;

            // 给对象添加方法
            obj.funNameAge = function(){
                console.log(this.name, this.age);
            }

            obj.funNameAddr = function(){
                console.log(this.name, this.addr);
            }

            obj.funSexAge = function(){
                console.log(this.sex, this.age);
            }

            obj.funAll = function(){
                console.log(this.name, this.age,this.sex,this.addr);
            }

            // 返回这个创建好的对象
            return obj;
        }

        // 调用函数,函数创建对象,并且作为返回值
        // 变量中存储的就是函数创建的对象
            const obj = createObj();
        
            // 可以通过调用obj中存储的对方的方法,来实现功能
            obj.funAll();          // 执行结果 张三 18 男 北京
 
总结:
  
   1、基本概念
                所谓的面向对象编程,是一种编程思想和书写方式方法

                简单理解:
                    之前是将程序,封装在函数内,设定参数和返回值
                    现在是将程序,封装在对象内,设定对象的属性和方法

            2、构造函数和实例化对象
                构造函数:就是专门定义生成对象的函数
                        必须和关键词 new 配合使用
                实例化对象:本质上就是一个对象,只不过是通过构造函数生成的
            
            3、原型链
                原型对象:
                    每一个 函数 都有一个 prototype
                    本质上一个专门存储 数据 和 方法(函数) 的空间

                原型属性:
                    每一个 对象 都有一个 __proto__
                    实例化对象的 __proto__ 指向的 就是 生成这个实例化对象的构造函数的 prototype

                原型链:
                    通过 __proto__ 将相互关联的数据,串联起来,可以相互访问数据的功能,就称为原型链

                    在JavaScript中任意一个数据类型,都可以看做是对象,都有 __proto__

                    举例:
                        定义 构造函数时, 将 实例化对象的方法,定义在构造函数的 prototype 中
                        生成 实例化对象 时 对象本身只有定义在 构造函数中的属性
                                          没有定义在 prototype 中的方法
                        在 执行 实例化对象 时, 要调用方法,是通过原型链 也就是 通过 __proto__ 
                        找到 构造函数 的 prototype 空间 并且调用其中 存储的方法

            4、构造函数
                构造函数为了和普通函数区别,一般是将所有函数名称单词是的首字母大写
                不大写也能执行,但是不符合语法按规范
                
                定义构造函数:
                    在函数内,定义实例化对象的方法,通过的是this来指定定义实例化对象的属性
                        this.属性 = 属性值
                    在 prototype 中 定义 实例化对象的方法
                        构造函数.prototype.函数方法名 = function(){}

                使用,调用构造函数,必须和 new 关键词一起使用
           
      
 
                                              逆战班
 
 
  

面向对象编程思想

标签:方法(函数)   成功   创建   格式   方式   基本   com   nbsp   产生   

原文地址:https://www.cnblogs.com/cnblogxc/p/12735264.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!