美文网首页
JavaScript 面向对象入门

JavaScript 面向对象入门

作者: 老95 | 来源:发表于2017-04-18 22:14 被阅读0次

面向对象的概念

1、概念:

       从编程思想角度理解:面向过程的编程思想,关注解决问题的步骤;面向对象的编程思想,关注的是解决问题所需的对象。面向对象的编程思想继承自面向过程。

现有的两种程序思想:

      面向过程:关注的是解决问题的步骤

            优点:在小型程序中代码量量⽐比较少,开发成本低

            缺点:在构建大型项目时,代码逻辑不易捋顺、代码量太大、程序编写繁琐,增加开发  难度。

     面向对象:关注的是解决问题所需的对象

            优点:有效弥补了面向过程编程思想的不足。

            缺点:在小型程序中不如面向过程思想灵活、方便。

            从编程语言角度理解:面向对象的编程语言,必须有“类”和“对象”这两个概念,并且对象是经由类创建出来的;还需要有封装、继承、多态三个特征(如:Java语言)。

            JS语言不符合以上条件,但是有“对象”的概念,所以它是一门基于对象的编程语言。即JS不是一种面向对象的编程语言。

2、js和面向对象的关系:

            利用面向对象编程思想来指导js代码的书写方式。

   创建

   1>、字面量的方式(直接创建)

              语法:var对象名= {属性名1:属性值,

               属性名2:属性值,

              方法名:匿名函数};

             例如:

             优势:快捷、直观、方便

             劣势:需要创建多个对象时,代码冗余

    2>、工厂模式(使用函数创建)

         语法:

               function函数名(形参列表) {

                     var 对象名 = {};

                     对象名.属性名=参数1;

                     对象名.属性名=参数2;

                      对象名.方法名=function (){

                           操作;

                        };

                    return  对象名;

                    }

   例如:

        优势:解决了了代码冗余的问题

      劣势:无法区分该对象的类型(如:系统类型,如number是Number()创建的,但是自定义类型无法获取到,即  无法利用instanceof判定对象的归属关系)

3>、使用构造函数(函数名首字母⼤写)

    语法:

     function  构造函数名 (形参列表)  {

                 this.属性名 = 参数1;

                this.属性名 = 参数2;

                this.方法名=function (){

                 操作;

               };

            }

例如:

     优势:解决了获取对象类型的问题,使用构造函数创建的对象自带一个constructor,通过该属性获取对象的类型(还可以使用instanceof检测对象是那个类型,

     实例:(person   instanceof     Person) ,  返回⼀个布尔值)。

     劣势:内存占用有点大。

4>、工厂模式和构造函数创建对象的区别

     1、在函数中没有显式的创建新对象

     2、直接把属性、方法赋值给了this指针

     3、没有return语句

5>、使用构造函数创建出来的对象可以标识这个对象属于哪一种类型。

6>、普通函数调用和构造函数调用的区别

         必须使用new操作符来创建新对象,如果像调用普通函数那样创建对象,

          就是在全局作用域中调用函数了,this指针会指向window对象

访问对象的属性与方法

     访问属性

 1、点语法和[]访问某⼀个属性

         1》使用点语法访问属性,点后直接跟属性名;

         2》使用[]访问属性,[]里是属性字符串(必须是字符串类型的数据)或保存属性名字符串的变量

例如:

2、使用for...in...遍历对象的所有属性(查询)

3、删除属性

          代码:

      运行结果:

4、 访问方法

    语法:对象名.方法名();

5、增加属性:

附加:

             1、数组名:代表数组首元素的地址。

相关文章

  • JavaScript 面向对象编程

    JavaScript 快速入门 面向对象编程创建对象构造函数忘记写new怎么办?原型继承class继承 面向对象编...

  • JavaScript面向对象--对象定义

    1.理解JavaScript面向对象 面向对象是高级语言程序员入门必修的课程,但是常用的面向对象都是java、C#...

  • Blue教程汇总

    【JavaScript从入门到精通】第二十四课 JS面向对象基础-01 【JavaScript从入门到精通】第二十...

  • JavaScript 面向对象入门

    JavaScript是一个动态的通用面向对象编程语言,所有的现代Web浏览器均包含了JavaScript解释器,这...

  • JavaScript 面向对象入门

    面向对象的概念 1、概念: 从编程思想角度理解:面向过程的编程思想,关注解决问题的步骤;面向对象的编程思想,关注...

  • JavaScript学习

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • javascript的面向对象

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • ajax

    1. 面向对象 javascript 具有面向过程,面向对象,函数式编程的特点 javascript 重要 原型/...

  • Javascript 对象(二)

    javascript(一) 这是入门级别的讲解 一、面向对象语言的要求 一种面向对象语言需要向开发者提供四种基本能...

  • 构造函数与 new 命令

    JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 如何进行面向对象编程。 对象...

网友评论

      本文标题:JavaScript 面向对象入门

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