源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript中的面向对象介绍

  • 时间:2020-10-28 03:38 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript中的面向对象介绍
对象 创建 对象 构造函数 公有、私有、特权、静态成员 this、call和apply 异常处理 继承 原型 对象 在JavaScript,可以说everything is object,那么什么是对象?对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来,JavaScript是基于原型的面向对象语言,没有类的概念,对象派生自现有对象的副本。JavaScript中对象可以分为两类:Function和Object。 [b]创建对象 [/b]为了提高效率,JavaScript自带内置对象,例如:Object、Function、Array等,所有内置对象都可以通过new来创建。Function对象分为两类:实例和构造函数。例如alert('my name is X')是Function的实例;而作为构造函数的Function,必须通过new来实例化。创建的对象的语法分为以下几种:
[u]复制代码[/u] 代码如下:
var obj= new Object();var obj={};(Array等类似) var myFunction=new Function(){//代码};function myFunction(){//代码}
需要注意的是,第一种Function声明必须在使用之前,而第二种可以在使用之后。 [b]构造函数[/b] Function是构造函数的起点,创建构造函数与上述创建对象Function类似
[u]复制代码[/u] 代码如下:
var myFunction=new Function('a',/*代码*/) function myFunction(a){ /*代码*/ }
但是由于第一种有性能问题推荐使用第二种;Function对象的特点是:它的实例也能作为构造函数 。 [b]静态成员[/b] 如下代码:
[u]复制代码[/u] 代码如下:
var myObj= new Object(); //添加name属性 myObj.name='LD'; //添加alertName方法 myObj.alertName=function(){ alert(this.name); } //执行alertName myObj.alertName();
name和alertName仅仅存在于myObj实例中,不存在于构造函数。这个还好理解,但是对于既可以是构造函数也可以是实例的Function来说就不那么容易理解了,如下:
[u]复制代码[/u] 代码如下:
var myConstructor=new function(){ //添加静态属性 myConstructor.name='LD'; //添加静态方法 myConstructor.alertName=function(){ alert(this.nam); } } myConstructor.alertName();
代码可以正常运行,因为myConstructor可以是实例,但是name和alertName不会应用到由myConstructor的任何新的实例中。 [b]公有成员[/b] 能够跟随对象实例化的成员称之为公有成员,成为公有成员需要修改函数的原型,即prototype。公有方法可以随构造函数而被继承下去,方法如下:
[u]复制代码[/u] 代码如下:
function myConstructor(){ } //添加公有属性 myConstructor.prototype.myName='LD'; //实例化 var myObj=new myConstructor(); alert(myObj.myName);
由myConstructor实例化的对象可以使用myName,但是myConstructor本身不可以,因为我们把公有成员加到了myConstructor的底层定义中,而非myConstructor实例本身。 私有成员 私有成员指的是在构造函数中定义的变量和方法,与其它语言的类中用private定义类似,例如:
[u]复制代码[/u] 代码如下:
function myConstructor(){ //添加私有属性 var myName='Ld'l //添加私有方法 var alertName=function(){ alert('LD'); } alertName();
[b]特权成员 [/b] 特权方法,指的是可以被公开访问,同时其能访问私有成员,在构造函数作用域总使用this定义的方法,类似其它语言中的公有方法,如下:
[u]复制代码[/u] 代码如下:
function myConstructor(){ //私有属性 var sex='male'; // 特权方法 this.alertSex=function(){ alert(sex); } }
[b]对象字面量[/b] 前面我们使用的创建用的都是点,例如myConstructor.name=x;myConstructor.sex=x。我们也可以使用对象字面量来达到相同的目的,例如:
[u]复制代码[/u] 代码如下:
function myConstructor(){ } //添加公有成员 myConstructor.prototype={ name:'LD', sex:'male', method:function(){} }
注意,对象字面量中分隔符为逗号,且最后一个属性或方法最后没有逗号,以防解析错误。 this、call和apply this,是一个依赖于执行环境的关键字,与创建位置无关,this关键字指向的的是使用包含它的函数的对象,学过C++和其它语言来说,这个不难理解。 call和applay,这两个的作用强制把方法附加到某个对象,例如:
[u]复制代码[/u] 代码如下:
//alertName是已经创建好的函数 //alertName不需要参数时 alertName.call('对象') //alertName需要参数时 alertName.call('对象',‘参数1','参数2') //alertName使用参数数组时 alertName.applay('对象',‘参数数组arguments')
[b]异常处理 [/b] 和c#类似,由try、catch组成,如下:
[u]复制代码[/u] 代码如下:
function myFunction(){ window.style.color='red'; } try{ myFunction(); } catch{ alert('异常信息:'+exception.name + exception.message) }
继承和原型较多,放到下一篇博客《JavaScript中的继承和原型》
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部