您现在的位置： 网页制作教程网 >> 网页特效 >> Javascript 教程 >> 正文

  
   好了，以上的讲述，我们应该算理解了function类型的东西都是和object类型一样的东西，这种东西被我们称为“对象”。我们的确可以这样去看待这些“对象”，因为它们既有“属性”也有“方法”嘛。但下面的代码又会让我们产生新的疑惑：

var anObject = {}; //一个对象    anObject.aProperty = "Property of object"; //对象的一个属性    anObject.aMethod = function(){alert("Method of object")}; //对象的一个方法    //主要看下面：    alert(anObject["aProperty"]); //可以将对象当数组以属性名作为下标来访问属性    anObject["aMethod"](); //可以将对象当数组以方法名作为下标来调用方法    for( var s in anObject) //遍历对象的所有属性和方法进行迭代化处理    alert(s + " is a " + typeof(anObject[s]));    同样对于function类型的对象也是一样：    var aFunction = {}; //一个函数    aFunction.aProperty = "Property of function"; //函数的一个属性    aFunction.aMethod = function(){alert("Method of function")}; //函数的一个方法    //主要看下面：    alert(aFunction["aProperty"]); //可以将函数当数组以属性名作为下标来访问属性    aFunction["aMethod"](); //可以将函数当数组以方法名作为下标来调用方法    for( var s in aFunction) //遍历函数的所有属性和方法进行迭代化处理    alert(s + " is a " + typeof(aFunction[s]));

是的，对象和函数可以象数组一样，用属性名或方法名作为下标来访问并处理。那么，它到底应该算是数组呢，还是算对象？
  
   我们知道，数组应该算是线性数据结构，线性数据结构一般有一定的规律，适合进行统一的批量迭代操作等，有点像波。而对象是离散数据结构，适合描述分散的和个性化的东西，有点像粒子。因此，我们也可以这样问：JavaScript里的对象到底是波还是粒子？
  
   如果存在对象量子论，那么答案一定是：波粒二象性！
  
   因此，JavaScript里的函数和对象既有对象的特征也有数组的特征。这里的数组被称为“字典”，一种可以任意伸缩的名称值对儿的集合。其实， object和function的内部实现就是一个字典结构，但这种字典结构却通过严谨而精巧的语法表现出了丰富的外观。正如量子力学在一些地方用粒子来解释和处理问题，而在另一些地方却用波来解释和处理问题。你也可以在需要的时候，自由选择用对象还是数组来解释和处理问题。只要善于把握 JavaScript的这些奇妙特性，就可以编写出很多简洁而强大的代码来。
  
  放下对象
  
   我们再来看看function与object的超然结合吧。
  
   在面向对象的编程世界里，数据与代码的有机结合就构成了对象的概念。自从有了对象，编程世界就被划分成两部分，一个是对象内的世界，一个是对象外的世界。对象天生具有自私的一面，外面的世界未经允许是不可访问对象内部的。对象也有大方的一面，它对外提供属性和方法，也为他人服务。不过，在这里我们要谈到一个有趣的问题，就是“对象的自我意识”。
  
   什么？没听错吧？对象有自我意识？
  
   可能对许多程序员来说，这的确是第一次听说。不过，请君看看C++、C#和Java的this，DELPHI的self，还有VB的me，或许你会恍然大悟！当然，也可能只是说句“不过如此”而已。
  
   然而，就在对象将世界划分为内外两部分的同时，对象的“自我”也就随之产生。“自我意识”是生命的最基本特征！正是由于对象这种强大的生命力，才使得编程世界充满无限的生机和活力。
  
   但对象的“自我意识”在带给我们快乐的同时也带来了痛苦和烦恼。我们给对象赋予了太多欲望，总希望它们能做更多的事情。然而，对象的自私使得它们互相争抢系统资源，对象的自负让对象变得复杂和臃肿，对象的自欺也往往带来挥之不去的错误和异常。我们为什么会有这么多的痛苦和烦恼呢？
  
   为此，有一个人，在对象树下，整整想了九九八十一天，终于悟出了生命的痛苦来自于欲望，但究其欲望的根源是来自于自我意识。于是他放下了“自我”，在对象树下成了佛，从此他开始普度众生，传播真经。他的名字就叫释迦摩尼，而《JavaScript真经》正是他所传经书中的一本。
  
   JavaScript中也有this，但这个this却与C++、C#或Java等语言的this不同。一般编程语言的this就是对象自己，而 JavaScript的this却并不一定！this可能是我，也可能是你，可能是他，反正是我中有你，你中有我，这就不能用原来的那个“自我”来理解 JavaScript这个this的含义了。为此，我们必须首先放下原来对象的那个“自我”。
  
   我们来看下面的代码：

function WhoAmI() //定义一个函数WhoAmI    {    alert("I'm " + this.name + " of " + typeof(this));    };       WhoAmI(); //此时是this当前这段代码的全局对象，在浏览器中就是window对象，其name属性为空字符串。输出：I'm of object       var BillGates = {name: "Bill Gates"};    BillGates.WhoAmI = WhoAmI; //将函数WhoAmI作为BillGates的方法。    BillGates.WhoAmI(); //此时的this是BillGates。输出：I'm Bill Gates of object       var SteveJobs = {name: "Steve Jobs"};    SteveJobs.WhoAmI = WhoAmI; //将函数WhoAmI作为SteveJobs的方法。    SteveJobs.WhoAmI(); //此时的this是SteveJobs。输出：I'm Steve Jobs of object       WhoAmI.call(BillGates); //直接将BillGates作为this，调用WhoAmI。输出：I'm Bill Gates of object    WhoAmI.call(SteveJobs); //直接将SteveJobs作为this，调用WhoAmI。输出：I'm Steve Jobs of object       BillGates.WhoAmI.call(SteveJobs); //将SteveJobs作为this，却调用BillGates的WhoAmI方法。输出：I'm Steve Jobs of object    SteveJobs.WhoAmI.call(BillGates); //将BillGates作为this，却调用SteveJobs的WhoAmI方法。输出：I'm Bill Gates of object       WhoAmI.WhoAmI = WhoAmI; //将WhoAmI函数设置为自身的方法。    WhoAmI.name = "WhoAmI";    WhoAmI.WhoAmI(); //此时的this是WhoAmI函数自己。输出：I'm WhoAmI of function       ({name: "nobody", WhoAmI: WhoAmI}).WhoAmI(); //临时创建一个匿名对象并设置属性后调用WhoAmI方法。输出：I'm nobody of object

从上面的代码可以看出，同一个函数可以从不同的角度来调用，this并不一定是函数本身所属的对象。this只是在任意对象和function元素结合时的一个概念，是种结合比起一般对象语言的默认结合更加灵活，显得更加超然和洒脱。

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页

推荐文章

 悟透JavaScript
 Photoshop去掉图片上文字的几个技巧
 Photoshop制作非主流图片：甜美风格非主流图片
 Photoshop调色实例：后园花里的天使
 提高ASP性能的最佳选择
 探讨行业网站应该具备的一些基本指标
 新鲜视觉 非常规网页设计作品欣赏
 Photoshop新手教程：添加相框及签名
 Photoshop制作下雨动态GIF图片
 Photoshop打造超酷网站登录界面

相关文章

关于Javascript构造函数,类初始化
Javascript最简单检测网速的方法
CSS+Javascript实用的滑动文本选
JavaScript的9个陷阱
Javascript 刷新框架及页面的方法
防范sql注入式攻击js版本
禁止查看网页源代码方法总结
用javascript实现select的美化
用来实现Web页面图片移动托拽的代
开发跨浏览器JavaScript时要注意