JS学习-面向对象

最新推荐文章于 2015-05-31 20:40:10 发布

AkkJiang~

最新推荐文章于 2015-05-31 20:40:10 发布

阅读量1.1k

点赞数

分类专栏： JS B/S开发

本文链接：https://blog.csdn.net/akkzhjj/article/details/17150225

版权

B/S开发同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

15 篇文章 0 订阅

订阅专栏

　　JS 是一种基于原型(prototype)的面向对象的语言，但是没有类的概念，所有的一切都派生自现有对象的一个副本。

　　基于对象和面向对象实际上都是以对象为中心，从本质上讲没有区别。JavaScript中没有类，所以有人把类叫作原型对象，它们两个在编程中发挥的作用都是一个意思，这样就比较容易理解基于原型的面向对象。

对象

先从JS中的对象说起，

JavaScript中的内置对象：

　　> Function对象

Function类型对象分为两类：

Function实例，例如alert()，可以使用参数来调用。

做为构造函数的function，必须通过new关键字来进行实例化。

如：

functionmyFunction(){

}

> Object对象，这类对象无法像function类对象那样调用，可以用它来创建简单的静态对象。

　　如：var obj = newObject();或者var obj = {};

> Array对象，是一种特殊的属性和方法的集合，

　　如：var array= new Array();或者var array = [];

> String、Boolean、Number分别用来表示字符串、布尔值、数字。

> 还有Math、Date、RegExp及其他内置对象。

所有的内置对象都可以通过new关键字或其简单语法形式创建。

构造函数

构造函数都不陌生，用来新建同时初始化一个新对象的函数。

什么样的函数可以用来创建同时初始化新对象呢？答案是：任何一个函数，包括空函数。

JS中，function是构造函数的起点。

function A(){

}

继承

既然是面向对象，那继承是必不可上的特性，在JS中，因为JS是基于原型的面向对象，没有类的概念，这就导致无法从一个类扩展出另一个类的底层类结构，在JS中继承是通过简单的从一个对象原型向另一个对象原型复制方法而实现的。

通过例子直观的说明：

<scripttype="text/javascript">

 

function init(){

　　//创建person对象

　　var person = {};    //等同于var person = new Object();

　　//创建person的方法getName和getAge

　　person.getName= function(){

　　　　alert("personname");

　　}        

　　person.getAge= function(){

　　　　alert("personage");        

　　}


　　//创建另一个对象student

　　var student = {};

　　//创建student自己的方法getStuNum

　　student.getStuNum= function(){

　　　　alert("studentstuNum");
　
　　};

　　//student复制person的getName方法

　　student.getName= person.getName;
 
　　//覆盖原方法，验证是否是简单的复制

　　person.getName= function(){

　　　　　alert("person1name");        
　　
　　}

　　//student复制person的getAge方法

　　student.getAge= person.getAge;
　　
　　student.getName();　　//打印结果：person name

　　person.getName();　　//打印结果：person1 name

}

window.οnlοad= init;

</script>

通过上面的例子说明在JS中继承是通过简单的从一个对象原型向另一个对象原型复制方法而实现的。那什么是原型？

原型

当我们在创建函数时，都自动添加了prototype属性，这就是函数的原型。

function A() {

 　　this.width = 10;

 　　this.key = "this is A";

 }

 A._objectNum = 0;//定义A的属性

 A.prototype.say =function(){//给A的原型对象添加属性

 alert("hello world")

 }

　　通过A.prototype.say = function()，给函数的原型对象增加一个say属性并引用一个原型函数。原型只存在与function中，实质就是一个对象被创建后引擎默认创建一个空的prototype对象，既然对象是属性包那么原型也就是一个属性包。

　　可以这样理解：原型就如C#中类的概念,prototype则是用来给类添加属性、方法的。

　　在js中，每个对象默认都有一个[[Prototype]]属性，其保存着的地址就构成了对象的原型链，这也是JS底层的东西。如下例：