初学JavaScript的时候有人会认为JavaScript不是一门面向对象的语言,因为JS是没有类的概念的,但是这并不代表JavaScript没有对象的存在,而且JavaScript也提供了其它的方式来解决面向对象的问题。所以JavaScript也是一门面向对象的语言。(李昌辉)

面向对象仅仅是一个概念或者编程思想而已,它不应该依赖于某个语言存在。比如 PHP采用面向对象思想构造其语言,它实现了类、继承、派生、多态、接口等机制。但是这些机制,只是实现面向对象编程的一种手段,而非必须。换言之,一门语言可以根据其自身特性选择合适的方式来实现面向对象。因而先入为主地接受了"类"这个面向对象实现方式。

JavaScript不同于其它语言,它是通过原型(prototype)的方式来实现面向对象编程的,也就是说对象(object)是依靠构造器(constructor)利用原型(prototype)构造出来的,而有时也称它为伪类。

下面说一下面向对象的实现方式,为了好理解,我们借鉴其它语言中类和对象的思想来简单分析一下:

一:最简单的面向对象(即使用JSON方式来声明)

定义一个伪类:

var Ren = {
name:"张三", //相当于成员变量
sex:"男", //相当于成员变量
age:18, //相当于成员变量
say:function(){ //相当于成员方法
alert("讲话");
}
};

调用类里面的成员:

Ren.say();

通过上面的例子可以看出来,该类里面的成员相当于其它语言里面的静态成员,通过类名调用。
这种方式基本可以满足开发的需求,但是相对于其它语言来说没有实现封装、继承和多态,所以代码的重用性比较差。

二:使用原型的方式(函数构造器)

定义一个类:

function Ren(){
var name="张三"; //私有的成员变量
var sex ="男"; //私有的成员变量
this.PublicName="zhangsan", //公有的成员变量
this.setName = function(_name){ //成员方法
name=_name;
}
this.getName = function(){ //成员方法
return name;
}
}

造对象并且调用对象的成员:

var r = new Ren();
r.getName();

在创建对象的时候,会运行类似于这样的代码,使用构造器来创建对象:

this.prototype = {constructor: this}

函数的prototype的属性的值被作为原型对象来克隆出新对象。

虽然使用new运算符调用函数看起来像是使用模板实例化的方式来创建对象,但本质还是以原型对象来克隆出新对象,目前我们看它像是一个类,但还有一点就是每new Ren(),不但属性产生副本,方法也会产生副本。

如果不想让方法产生复本,它提供了prototype这个属性,即原型。所有实例都会共享它里面的属性和方法。

可以在定义对象的时候:把属性放到定义里,而把对象的方法放到原型里!

如下:

function Ren(name, age) {
this.name = "张三";
this.age = 18;
}; Ren.prototype.say = function(){ //方法放在原型里面
alert("hello");
};

调用该成员方法:

var r = new Ren();
r.say();

以上两种方式都可以实现JavaScript中的面向对象,实际上每种语言的面向对象思想都是一致的,只是方法有所不同而已,在JavaScript这门强大的语言里面依然是有面向对象存在的只是我们学习了其它语言的面向对象之后,有种先入为主的感觉,对JavaScript的面向对象产生疑惑,所以一定谨记面向对象是一种思想,不是一种方法。

简单分析JavaScript中的面向对象的更多相关文章

  1. 前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型

    前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型 前言(题外话): 有人说拖延症是一个绝症,哎呀治不好了.先不说这是一个每个人都多多少少会有的,也不管它究竟对生活有多么大的 ...

  2. 前端开发:javascript中的面向对象

    前端开发:面向对象与javascript中的面向对象实现(一) 面向对象理解: 面向对象是一种对现实世界理解和抽象的方法,是一种先进的程序设计理念,是一种比较抽象的,多形态的设计模式.我们可以这么理解 ...

  3. JavaScript从初见到热恋之深度讨论JavaScript中的面向对象。

    JavaScript中的面向对象.面向对象的三个基本特征:封装.继承.多态. 1.封装 js的封装如下 定义Person类 function Person(name,age,sex) { this.n ...

  4. 如何理解并学习javascript中的面向对象(OOP) [转]

    如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript ...

  5. 前端开发:面向对象与javascript中的面向对象实现(一)

    前端开发:面向对象与javascript中的面向对象实现(一) 前言: 人生在世,这找不到对象是万万不行的.咱们生活中,找不到对象要挨骂,代码里也一样.朋友问我说:“嘿,在干嘛呢......”,我:“ ...

  6. 深入理解javascript中实现面向对象编程方法

    介绍Javascript中面向对象编程思想之前,需要对以下几个概念有了解: 1. 浅拷贝和深拷贝:程序在运行过程中使用的变量有在栈上的变量和在堆上的变量,在对象或者变量的赋值操作过程中,大多数情况先是 ...

  7. JavaScript中的面向对象程序设计

    本文内容目录顺序: 1.Object概念讲述: 2.面向对象程序设计特点: 3.JavaScript中类和实例对象的创建: 4.原型概念: 5.原型API: 6.原型对象的具体使用:7.深入理解使用原 ...

  8. 领悟 JavaScript 中的面向对象

    JavaScript是基于对象的语言,我们可以使用面向对象的思想去开发js代码. JavaScript是基于对象的语言. 可以使用面向对象的思想,但是不少人对这一点理解得并不全面. 在 JavaScr ...

  9. JavaScript中的面向对象的讨论(转)

    前言 今天,WEB2.0时代的到来,给了JavaScript又一次大展身手的机会.Web2.0借助JavaScript技术,使得客户端的Web体验更加丰富多彩,同时JavaScript面对的问题域也变 ...

随机推荐

  1. Python编码记录

    字节流和字符串 当使用Python定义一个字符串时,实际会存储一个字节串: "abc"--[97][98][99] python2.x默认会把所有的字符串当做ASCII码来对待,但 ...

  2. SQL数据库之DQL

    初来乍到,我是一个Java行业的小学生,刚学半年. 今天老师讲了数据库的操作语句,在这里与大家分享一下我学到的知识吧,要是有不足的地方麻烦大家指出来,共同进步,共同提高! 1.数据库中的各种符号 %: ...

  3. Windows 常用运行库下载 (DirectX、VC++、.Net Framework等)

    经常听到有朋友抱怨他的电脑运行软件或者游戏时提示缺少什么 d3dx9_xx.dll 或 msvcp71.dll.msvcr71.dll又或者是 .Net Framework 初始化之类的错误而无法正常 ...

  4. Jqprint实现页面打印

    好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 <script languag ...

  5. Apache Cordova开发Android应用程序——番外篇

    很多天之前就安装了visual studio community 2015,今天闲着么事想试一下Apache Cordova,用它来开发跨平台App.在这之前需要配置N多东西,这里找到了一篇MS官方文 ...

  6. AFN解析器里的坑

    AFN框架是用来用来发送网络请求的,它的好处是可以自动给你解析JSON数据,还可以发送带参数的请求AFN框架还可以监测当前的网络状态,还支持HTTPS请求,分别对用的类为AFNetworkReacha ...

  7. 真正的汉化-PowerDesigner 16.5 汉化

    一.背景 经常使用PowerDesigner,之前使用15版本,后来16出来后,就一直在使用16,不过一直是英文.一些同事对使用英文版总显示有些吃力. 遍寻百度.必应,都没有找到真正的针对版本16的汉 ...

  8. asp.net core 实战之 redis 负载均衡和"高可用"实现

    1.概述 分布式系统缓存已经变得不可或缺,本文主要阐述如何实现redis主从复制集群的负载均衡,以及 redis的"高可用"实现, 呵呵双引号的"高可用"并不是 ...

  9. Linux学习日记(二)

    在linux上运行.Net程序 并安装Linux网站 一.环境 ubuntu14.10(桌面版 官网下载的最新版) jexus5.6.3 正式版 MonoDevloper (安装完后里面有个Ubunt ...

  10. 分布式服务注册和发现consul 简要介绍

    Consul是HashiCorp公司推出的开源工具,用于实现分布式系统的服务发现与配置.与其他分布式服务注册与发现的方案,Consul的方案更"一站式",内置了服务注册与发现框 架 ...