创建对象及原型的使用

rickchen 发布于2019-08-02 10:09 / 1368人阅读

摘要：面向对象的三大特性封装继承自己没有的，拿别人过来用，就是继承多态父类引用指向子类的对象中用不到创建对象的四种方式使用字面量创建对象用一个创建一个，不能复用，造成代码冗余，资源浪费使用内置构造函数创建对象创建出来的对象都是空的对象，要手动的去

1.面向对象的三大特性

封装

继承
自己没有的，拿别人过来用，就是继承

多态
父类引用指向子类的对象（JavaScript中用不到）

2.创建对象的四种方式

使用字面量创建对象

   var o = {key:value, key:value...}

用一个创建一个，不能复用，造成代码冗余，资源浪费

使用内置构造函数创建对象

   var o = new Object();
   var o = new Array();

创建出来的对象都是空的对象，要手动的去为对象添加属性。造成代码重复

封装简单的工厂函数（不推荐使用）

function createObj(){
     var obj = {};
     obj.xx=xxx;
     return obj;
}

自定义构造函数

function 构造函数名{
    this.xxx=xxx;
    //....
}

1.构造函数名首字母要大写
2.构造函数一般和new关键字一起使用
3.构造函数返回值默认为新创建好对象如果手动返回基本数据类型，不影响默认返回值，如果返回的是对象，那么新创建出来的对象将不会返回，取而代之的是return后面的对象

构造函数（constructor）的执行步骤
1.使用new关键字创建对象
2.调用构造函数，将new创建出来的对象赋值给构造函数内的this
3.使用this给新创建出来的对象增加成员
4.默认返回新创建出来的这个对象

原型 构造函数存在问题

构造函数中的方法，每新创建一个对象的时候，该对象都会重新的创建一次这个方法，每个独享独占一个方法
但是该方法内容完全相同，所以造成资源浪费

1.解决办法1
将构造函数内的方法，进行提取，放在构造函数外面，在构造函数内部进行引用赋值
那么创建出来的对象，都会指向构造函数外面的这个函数，达到共享的目的
问题：全局变量增多，造成全局变量污染，代码结构混乱，不容易维护

2.解决办法2
使用原型

3.原型 原型是什么？

在构造函数创建出来的时候，系统会默认的创建并关联一个对象，这个对象就是原型，原型对象默认是空对象
默认的原型对象中会有一个属性constructor指向该构造函数

原型的作用

原型对象中的成员，可以被使用和它关联的构造函数创建出来的所有对象共享

原型对象的使用

使用对象的动态特性，为原型对象添加成员

直接替换原型对象

注意事项：

直接替换原型对象，会导致替换之前创建的对象的原型和替换之后创建的对象的原型不一致

原型的使用该注意事项

1.使用对象访问属性的时候，会现在对象中查找，如果找到了就直接使用
如果没有找到，就去原型中查找
2.使用对象设置属性的时候，只会在对象本身中查找，不会去原型中查找，如果在对象本身中没有找到这个属性
则给该对象新增一个属性，如果在对象中有这个属性，修改这个属性
3.如果在原型对象中有引用类型的属性，那么使用对象进行修改该属性内容，则其他所有跟这个原型对象相关的对象都会受到影响

Person.prototype.car = {};
var p = new Person( );
p.car = {}; //这是修改属性
p.car.brand= ""; //这是修改属性的内容

4.一般情况下不会将属性添加到原型对象中
只会将需要共享的方法，添加到原型对象中

proto

1.这个属性不是标准属性，所以存在通用性问题
2.一般不推荐使用这个属性
3.调试的时候，可以使用这个属性
4.这个属性是原型中的属性

替换原型时候的注意事项：
在新替换的原型中，没有constructor属性，会影响三角结构关系的合理性
so，在新替换的原型中，手动添加constructor属性，以保证关系的合理性，赋值为关联的构造函数

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52160.html

创建对象及原型的使用

摘要：面向对象的三大特性封装继承自己没有的，拿别人过来用，就是继承多态父类引用指向子类的对象中用不到创建对象的四种方式使用字面量创建对象用一个创建一个，不能复用，造成代码冗余，资源浪费使用内置构造函数创建对象创建出来的对象都是空的对象，要手动的去 1.面向对象的三大特性封装继承自己没有的，拿别人过来用，就是继承多态父类引用指向子类的对象（JavaScript中用不到） 2.创建对象...

tuniutech 2019-08-22 16:07 评论0 收藏0
【JavaScript】【对象】创建对象、对象继承的实用方式及理解

摘要：创建对象对象继承实际上是一回事我们所需要的实例对象通过构造函数获得私有属性通过原型链获得共享的属性。原型式继承和寄生式继承用于创建与已有对象类似的实例对象。本文约定：不特殊声明的情况下，属性代指属性或方法。创建对象、对象继承实际上是一回事：我们所需要的实例对象通过构造函数获得私有属性、通过原型链获得共享的属性。什么是好的方式？私有属性通过构造函数的方式获得（不考虑实例中自定义私有属...

scola666 2019-08-19 17:47 评论0 收藏0
js构造函数（继承方法及利弊）

摘要：继承方式父类构造函数实例方法子类调用实现父类的构造函数吹呀吹呀，我的骄傲放纵 js构造函数 *前言：上篇文章介绍了js中通过构造函数来实例化对象的各种方法js构造函数，这篇文章主要介绍构造函数的继承（类的继承），同样包括 ES5 和 ES6 两部分的介绍，能力所限，文中难免有不合理或错误的地方，还望各位大神批评指正~ 原型首先简单介绍一下实例属性/方法和原型属性/方法，以便更好理...

booster 2019-08-23 10:22 评论0 收藏0
javaScript原型及原型链详解（一）

摘要：执行行代码，我们可以看到控制台打印出来的结果如下结果印证了我们上面讲的内容指向的构造函数指向的原型对象原型对象中指向构造函数。在javascript中原型和原型链机制是最难懂的部分（没有之一），同时也是最重要的部分，在学习的过程中你可能认认真真的看了一遍但还是完全不懂书上说的什么，的确是这样的，我在学习的时候可是反复看了4、5遍才初步理解了。下面我把我的理解总结了一下希望对你们有...

springDevBird 2019-08-20 16:37 评论0 收藏0
复习Javascript专题（三）：面向对象（对象的创建与继承，原型及原型链）

摘要：在创建子类实例时，不能向超类型的构造函数中传递参数。构造函数继承子类传进的值是基本思想是在子类构造函数的内部调用超类或父类型构造函数。继承保证构造函数指针指向如果想同时继承多个，还可使用添加属性的方式类继承， OOP：Object Oriented Programming 面向对象编程。题外话：面向对象的范围实在太大，先把这些大的东西理解理解。 1.什么是对象？根据高程和权威指南上...

testHs 2019-08-23 13:39 评论0 收藏0