简单分析JavaScript中的面向对象
初学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中的面向对象的更多相关文章
- 前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型
前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型 前言(题外话): 有人说拖延症是一个绝症,哎呀治不好了.先不说这是一个每个人都多多少少会有的,也不管它究竟对生活有多么大的 ...
- 前端开发:javascript中的面向对象
前端开发:面向对象与javascript中的面向对象实现(一) 面向对象理解: 面向对象是一种对现实世界理解和抽象的方法,是一种先进的程序设计理念,是一种比较抽象的,多形态的设计模式.我们可以这么理解 ...
- JavaScript从初见到热恋之深度讨论JavaScript中的面向对象。
JavaScript中的面向对象.面向对象的三个基本特征:封装.继承.多态. 1.封装 js的封装如下 定义Person类 function Person(name,age,sex) { this.n ...
- 如何理解并学习javascript中的面向对象(OOP) [转]
如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript ...
- 前端开发:面向对象与javascript中的面向对象实现(一)
前端开发:面向对象与javascript中的面向对象实现(一) 前言: 人生在世,这找不到对象是万万不行的.咱们生活中,找不到对象要挨骂,代码里也一样.朋友问我说:“嘿,在干嘛呢......”,我:“ ...
- 深入理解javascript中实现面向对象编程方法
介绍Javascript中面向对象编程思想之前,需要对以下几个概念有了解: 1. 浅拷贝和深拷贝:程序在运行过程中使用的变量有在栈上的变量和在堆上的变量,在对象或者变量的赋值操作过程中,大多数情况先是 ...
- JavaScript中的面向对象程序设计
本文内容目录顺序: 1.Object概念讲述: 2.面向对象程序设计特点: 3.JavaScript中类和实例对象的创建: 4.原型概念: 5.原型API: 6.原型对象的具体使用:7.深入理解使用原 ...
- 领悟 JavaScript 中的面向对象
JavaScript是基于对象的语言,我们可以使用面向对象的思想去开发js代码. JavaScript是基于对象的语言. 可以使用面向对象的思想,但是不少人对这一点理解得并不全面. 在 JavaScr ...
- JavaScript中的面向对象的讨论(转)
前言 今天,WEB2.0时代的到来,给了JavaScript又一次大展身手的机会.Web2.0借助JavaScript技术,使得客户端的Web体验更加丰富多彩,同时JavaScript面对的问题域也变 ...
随机推荐
- H5实现摇一摇技术总结
摇一摇遇到的问题 一.如何对摇晃效果进行反馈 刚开始的处理方式是,摇晃过程中不做任何处理,但后来反馈说这种效果不好,好像就没有摇动一样,如果声音也不响的话,就真的和什么都没发生一样. 后来想了想,加入 ...
- 关于解决python线上问题的几种有效技术
工作后好久没上博客园了,虽然不是很忙,但也没学生时代闲了.今天上博客园,发现好多的文章都是年终总结,想想是不是自己也应该总结下,不过现在还没想好,等想好了再写吧.今天写写自己在工作后用到的技术干货,争 ...
- Unity游戏内版本更新
最近研究了一下游戏内apk包更新的方法. ios对于应用的管理比较严格,除非热更新脚本,不太可能做到端内大版本包的更新.然而安卓端则没有此限制.因此可以做到不跳到网页或应用商店,就覆盖更新apk包. ...
- 【Win 10 应用开发】在App所在的进程中执行后台任务
在以往版本中,后台任务都是以独立的专用进程来运行,因此,定义后台任务代码的类型都要位于 Windows 运行时组件项目中. 不过,在14393中,SDK 作了相应的扩展,不仅支持以前的独立进程中运行后 ...
- 【WPF】日常笔记
本文专用于记录WPF开发中的小细节,作为备忘录使用. 1. 关于绑定: Text ="{Binding AnchorageValue,Mode=TwoWay,UpdateSourceTrig ...
- 微信小程序开发日记——高仿知乎日报(中)
本人对知乎日报是情有独钟,看我的博客和github就知道了,写了几个不同技术类型的知乎日报APP要做微信小程序首先要对html,css,js有一定的基础,还有对微信小程序的API也要非常熟悉 我将该教 ...
- arcgis api for js入门开发系列八聚合效果(含源代码)
上一篇实现了demo的图层控制模块,本篇新增聚合效果,截图如下(源代码见文章底部): 聚合效果实现的思路如下: 1.map.html引用聚合包,项目已经包含进来了的聚合文件夹: <script ...
- 编译器开发系列--Ocelot语言4.类型定义的检查
这里主要介绍一下检查循环定义的结构体.联合体.是对成员中包含自己本身的结构体.联合体进行检查.所谓"成员中包含自己本身",举例来说,就是指下面这样的定义. struct point ...
- CocoaPods的安装、使用、以及遇到的问题
CocoaPods是什么? 当你开发iOS应用时,会经常使用到很多第三方开源类库,比如JSONKit,AFNetWorking等等.可能某个类库又用到其他类库,所以要使用它,必须得另外下载其他类库,而 ...
- vim的一些常用命令(一)
先确认在Normal模式下,如不确认,请按几次Esc. :sy on/clear sy表示语法高亮,on是打开.clear是取消. :set go= set表示一般性设置,go是gui option的 ...