JavaScript 面向对象入门

面向对象的概念

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、数组名:代表数组首元素的地址。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,784评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,745评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,702评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,229评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,245评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,376评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,798评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,471评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,655评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,485评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,535评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,235评论 3 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,793评论 3 304
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,863评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,096评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,654评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,233评论 2 341

推荐阅读更多精彩内容