当前位置: IT培训 > HTML5培训 > 前端开发 > 深入解读JavaScript面向对象编程实践
深入解读JavaScript面向对象编程实践 时间:2017-09-13     来源:移动互联网学院

面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化、多态、和封装几种技术。

对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力。

类:定义对象的特征。它是对象的属性和方法的模板定义。

对象(或称实例):类的一个实例。

属性:对象的特征,比如颜色、尺寸等。

方法:对象的行为,比如行走、说话等。

构造函数:对象初始化的瞬间被调用的方法。

继承:子类可以继承父类的特征。例如,猫继承了动物的一般特性。

封装:一种把数据和相关的方法绑定在一起使用的方法。

抽象:结合复杂的继承、方法、属性的对象能够模拟现实的模型。

多态:不同的类可以定义相同的方法或属性。

函数

在JavaScript中,函数就是对象。使函数不同于其他对象的决定性特性是函数存在一个被称为[[Call]]的内部属性。内部属性无法通过代码访问而是定义了代码执行时的行为。

创建形式

1、函数声明:用function关键字,会被提升至上下文

2、函数表达式:不能被提升 

3、实例化Function内建类型

对象

对象是一种引用类型,创建对象常见的两种方式:Object构造函数和对象字面量形式:

构造函数和原型对象

构造函数也是函数,用new创建对象时调用的函数,与普通函数的一个区别是,其首字母应该大写。但如果将构造函数当作普通函数调用(缺少new关键字),则应该注意this指向的问题。

使用new时,会自动创建this对象,其类型为构造函数类型,指向对象实例;缺少new关键字,this指向全局对象。

可以用instanceof来检测对象类型,同时每个对象在创建时都自动拥有一个constructor属性,指向其构造函数(字面量形式或Object构造函数创建的对象,指向Object,自定义构造函数创建的对象则指向它的构造函数)。

继承

利用[[Prototype]]特性,可以实现原型继承;对于字面量形式的对象,会隐式指定Object.prototype为其[[Prototype]],也可以通过Object.create()显示指定,其接受两个参数:第一个是[[Prototype]]指向的对象(原型对象),第二个是可选的属性描述符对象。