• 技术文章 >web前端 >js教程

    JavaScript中的面向对象介绍_js面向对象

    2016-05-16 17:52:16原创1129
    对象
    创建
    对象
    构造函数
    公有、私有、特权、静态成员
    this、call和apply
    异常处理
    继承
    原型
    对象
    在JavaScript,可以说everything is object,那么什么是对象?对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来,JavaScript是基于原型的面向对象语言,没有类的概念,对象派生自现有对象的副本。JavaScript中对象可以分为两类:Function和Object。

    创建对象

    为了提高效率,JavaScript自带内置对象,例如:Object、Function、Array等,所有内置对象都可以通过new来创建。Function对象分为两类:实例和构造函数。例如alert('my name is X')是Function的实例;而作为构造函数的Function,必须通过new来实例化。创建的对象的语法分为以下几种:
    复制代码 代码如下:

    var obj= new Object();var obj={};(Array等类似)
    var myFunction=new Function(){//代码};function myFunction(){//代码}

    需要注意的是,第一种Function声明必须在使用之前,而第二种可以在使用之后。

    构造函数

    Function是构造函数的起点,创建构造函数与上述创建对象Function类似
    复制代码 代码如下:

    var myFunction=new Function('a',/*代码*/)
    function myFunction(a){
    /*代码*/
    }

    但是由于第一种有性能问题推荐使用第二种;Function对象的特点是:它的实例也能作为构造函数 。

    静态成员

    如下代码:
    复制代码 代码如下:

    var myObj= new Object();
    //添加name属性
    myObj.name='LD';
    //添加alertName方法
    myObj.alertName=function(){
    alert(this.name);
    }
    //执行alertName
    myObj.alertName();

    name和alertName仅仅存在于myObj实例中,不存在于构造函数。这个还好理解,但是对于既可以是构造函数也可以是实例的Function来说就不那么容易理解了,如下:
    复制代码 代码如下:

    var myConstructor=new function(){
    //添加静态属性
    myConstructor.name='LD';
    //添加静态方法
    myConstructor.alertName=function(){
    alert(this.nam);
    }
    }
    myConstructor.alertName();

    代码可以正常运行,因为myConstructor可以是实例,但是name和alertName不会应用到由myConstructor的任何新的实例中。

    公有成员

    能够跟随对象实例化的成员称之为公有成员,成为公有成员需要修改函数的原型,即prototype。公有方法可以随构造函数而被继承下去,方法如下:
    复制代码 代码如下:

    function myConstructor(){
    }
    //添加公有属性
    myConstructor.prototype.myName='LD';
    //实例化
    var myObj=new myConstructor();
    alert(myObj.myName);

    由myConstructor实例化的对象可以使用myName,但是myConstructor本身不可以,因为我们把公有成员加到了myConstructor的底层定义中,而非myConstructor实例本身。
    私有成员
    私有成员指的是在构造函数中定义的变量和方法,与其它语言的类中用private定义类似,例如:
    复制代码 代码如下:

    function myConstructor(){
    //添加私有属性
    var myName='Ld'l
    //添加私有方法
    var alertName=function(){
    alert('LD');
    }
    alertName();


    特权成员

    特权方法,指的是可以被公开访问,同时其能访问私有成员,在构造函数作用域总使用this定义的方法,类似其它语言中的公有方法,如下:
    复制代码 代码如下:

    function myConstructor(){
    //私有属性
    var sex='male';
    // 特权方法
    this.alertSex=function(){
    alert(sex);
    }
    }


    对象字面量

    前面我们使用的创建用的都是点,例如myConstructor.name=x;myConstructor.sex=x。我们也可以使用对象字面量来达到相同的目的,例如:
    复制代码 代码如下:

    function myConstructor(){
    }
    //添加公有成员
    myConstructor.prototype={
    name:'LD',
    sex:'male',
    method:function(){}
    }

    注意,对象字面量中分隔符为逗号,且最后一个属性或方法最后没有逗号,以防解析错误。
    this、call和apply
    this,是一个依赖于执行环境的关键字,与创建位置无关,this关键字指向的的是使用包含它的函数的对象,学过C++和其它语言来说,这个不难理解。
    call和applay,这两个的作用强制把方法附加到某个对象,例如:
    复制代码 代码如下:

    //alertName是已经创建好的函数
    //alertName不需要参数时
    alertName.call('对象')
    //alertName需要参数时
    alertName.call('对象',‘参数1','参数2')
    //alertName使用参数数组时
    alertName.applay('对象',‘参数数组arguments')


    异常处理

    和c#类似,由try、catch组成,如下:
    复制代码 代码如下:

    function myFunction(){
    window.style.color='red';
    }
    try{
    myFunction();
    }
    catch{
    alert('异常信息:'+exception.name + exception.message)
    }

    继承和原型较多,放到下一篇博客《JavaScript中的继承和原型》
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:面向对象
    上一篇:增强用户体验友好性之jquery easyui window 窗口关闭时的提示_jquery 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 一文聊聊node后端路由自动加载• 一文浅析node中如何使用消息队列• 一文详解Node中express的身份认证• Angular学习之聊聊生命周期• 【翻译】使用自定义hooks对React组件进行重构
    1/1

    PHP中文网