首页 > PHP > 悟透JavaScript

悟透JavaScript

2009年06月30号
查看评论 发表评论 2,674次浏览

构造对象
 
    好了,接下我们来讨论一下对象的另一种创建方法。

    除JSON外,在JavaScript中我们可以使用new操作符结合一个函数的形式来创建对象。例如:

    function MyFunc() {};         //定义一个空函数
    var anObj = new MyFunc();  //使用new操作符,借助MyFun函数,就创建了一个对象

    JavaScript的这种创建对象的方式可真有意思,如何去理解这种写法呢?
 
   其实,可以把上面的代码改写成这种等价形式:

    function MyFunc(){};
    
var anObj = {};     //创建一个对象
    MyFunc.call(anObj); //将anObj对象作为this指针调用MyFunc函数

    我们就可以这样理解,JavaScript先用new操作符创建了一个对象,紧接着就将这个对象作为this参数调用了后面的函数。其实,JavaScript内部就是这么做的,而且任何函数都可以被这样调用!但从 “anObj = new MyFunc()” 这种形式,我们又看到一个熟悉的身影,C++和C#不就是这样创建对象的吗?原来,条条大路通灵山,殊途同归啊!

    君看到此处也许会想,我们为什么不可以把这个MyFunc当作构造函数呢?恭喜你,答对了!JavaScript也是这么想的!请看下面的代码: 

 1     function Person(name)   //带参数的构造函数
 2     {
 3         this.name = name;   //将参数值赋给给this对象的属性
 4         this.SayHello = function() {alert(Hello, I’m  + this.name);};   //给this对象定义一个SayHello方法。
 5     };
 6 
 7     function Employee(name, salary)     //子构造函数
 8     {
 9         Person.call(this, name);        //将this传给父构造函数
10         this.salary = salary;       //设置一个this的salary属性
11         this.ShowMeTheMoney = function() {alert(this.name +  $ + this.salary);};  //添加ShowMeTheMoney方法。
12     };
13     
14     var BillGates = new Person(Bill Gates);   //用Person构造函数创建BillGates对象
15     var SteveJobs = new Employee(Steve Jobs1234);   //用Empolyee构造函数创建SteveJobs对象
16 
17     BillGates.SayHello();   //显示:I’m Bill Gates
18     SteveJobs.SayHello();   //显示:I’m Steve Jobs
19     SteveJobs.ShowMeTheMoney();   //显示:Steve Jobs $1234
20 
21     alert(BillGates.constructor == Person);  //显示:true
22     alert(SteveJobs.constructor == Employee);  //显示:true
23     
24     alert(BillGates.SayHello == SteveJobs.SayHello); //显示:false

    这段代码表明,函数不但可以当作构造函数,而且还可以带参数,还可以为对象添加成员和方法。其中的第9行,Employee构造函数又将自己接收的this作为参数调用Person构造函数,这就是相当于调用基类的构造函数。第21、22行还表明这样一个意思:BillGates是由Person构造的,而SteveJobs是由Employee构造的。对象内置的constructor属性还指明了构造对象所用的具体函数!

    其实,如果你愿意把函数当作“类”的话,她就是“类”,因为她本来就有“类”的那些特征。难道不是吗?她生出的儿子各个都有相同的特征,而且构造函数也与类同名嘛!

    但要注意的是,用构造函数操作this对象创建出来的每一个对象,不但具有各自的成员数据,而且还具有各自的方法数据。换句话说,方法的代码体(体现函数逻辑的数据)在每一个对象中都存在一个副本。尽管每一个代码副本的逻辑是相同的,但对象们确实是各自保存了一份代码体。上例中的最后一句说明了这一实事,这也解释了JavaScript中的函数就是对象的概念。

    同一类的对象各自有一份方法代码显然是一种浪费。在传统的对象语言中,方法函数并不象JavaScript那样是个对象概念。即使也有象函数指针、方法指针或委托那样的变化形式,但其实质也是对同一份代码的引用。一般的对象语言很难遇到这种情况。

    不过,JavaScript语言有大的灵活性。我们可以先定义一份唯一的方法函数体,并在构造this对象时使用这唯一的函数对象作为其方法,就能共享方法逻辑。例如:

    function SayHello()     //先定义一份SayHello函数代码
    {
        alert(
Hello, I’m  + this.name);
    };
    
    
function Person(name)   //带参数的构造函数
    {
        
this.name = name;   //将参数值赋给给this对象的属性
        this.SayHello = SayHello;   //给this对象SayHello方法赋值为前面那份SayHello代码。
    };

    var BillGates = new Person(Bill Gates);   //创建BillGates对象
    var SteveJobs = new Person(Steve Jobs);   //创建SteveJobs对象
    
    alert(BillGates.SayHello 
== SteveJobs.SayHello); //显示:true

    其中,最后一行的输出结果表明两个对象确实共享了一个函数对象。虽然,这段程序达到了共享了一份方法代码的目的,但却不怎么优雅。因为,定义SayHello方法时反映不出其与Person类的关系。“优雅”这个词用来形容代码,也不知道是谁先提出来的。不过,这个词反映了程序员已经从追求代码的正确、高效、可靠和易读等基础上,向着追求代码的美观感觉和艺术境界的层次发展,程序人生又多了些浪漫色彩。

   显然,JavaScript早想到了这一问题,她的设计者们为此提供了一个有趣的prototype概念。

页面: 1 2 3 4 5 6 7 8 9 10

类别PHP 标签
  1. cheap Bikinis
    发表于 2010年06月15号 05时13分37秒 | 1楼

    I agree with most of this article

  2. Hermes Handbags
    发表于 2010年06月20号 06时41分45秒 | 2楼

    The FUN comes the FIRST… :D

  3. kobe shoes
    发表于 2010年06月25号 05时50分09秒 | 3楼

    Thank you for every word that you wrote..every one of them touches my heart…

  4. ghd hair straighteners
    发表于 2010年06月28号 05时57分32秒 | 4楼

    Wow, this blog really caught my eye!

  5. nike airforce
    发表于 2010年06月28号 08时41分24秒 | 5楼

    Good point on the concience

  6. herve leger dress
    发表于 2010年06月29号 00时17分34秒 | 6楼

    I am especially impressed with your post.

  7. mbt shoes clearance
    发表于 2010年07月08号 04时04分09秒 | 7楼

    I complitely agree with you..Thank you for bringing it up!

  8. lacoste t-shirts
    发表于 2010年07月09号 14时28分51秒 | 8楼

    wow powerful!

  9. bmw watch
    发表于 2010年07月09号 17时39分41秒 | 9楼

    Ooh!! I must remember this one!!

  10. lacoste polo shirts
    发表于 2010年07月09号 17时43分41秒 | 10楼

    That’s a good question.

  11. puma sneakers
    发表于 2010年07月09号 17时52分31秒 | 11楼

    I was thinking today that being grateful every moment is great freedom.

  12. Gucci Designer Handbags
    发表于 2010年07月19号 19时24分11秒 | 12楼

    Great, Good Luck!

  13. LeBron James Shoes
    发表于 2010年07月20号 10时39分03秒 | 13楼

    they are … powerful

  14. MBT Shoes Clearance
    发表于 2010年07月21号 11时53分13秒 | 14楼

    thank you for agreeing to share a precious moment of your life.

  15. air jordan 2009
    发表于 2010年07月22号 13时51分18秒 | 15楼

    It is fascinating to me how this article about.

评论页数:
1 2 258
你必需 登陆 才能发表评论.