JavaScript创建高级对象

2016-02-19 17:11 4 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享JavaScript创建高级对象教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发 】

  1)使用构造函数创建对象的实例

  在JAVASCRIPT中构造函数和其它面向对象的语言一样,不可以直接调用,在用 new 关键字创建一个对象时自动的调用.

  以下是JAVASCRIPT中使用构造函数的新示例。

var myObject = new Object(); // 创建没有属性的通用对象。var myBirthday = new Date(1961, 5, 10); // 创建一个 Date 对象。var myCar = new Car(); // 创建一个用户定义的对象,并初始化其属性。

  编写构造函数

  可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。

  面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。

  创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。

  下面是自定义函数的示例(注意 this 关键字的使用)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

function Circle (xPoint, yPoint, radius) {this.x = xPoint; // 圆心的 x 坐标。this.y = yPoint; // 圆心的 y 坐标。this.r = radius; // 圆的半径。}

  调用 Circle 构造函数时,给出圆心点的值和圆的半径(所有这些元素是完全定义一个独特的圆对象所必需的)。

  结束时 Circle 对象包含三个属性。下面是如何例示 Circle 对象。

  var aCircle = new Circle(5, 11, 99);

  2)使用原型来创建对象

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  在JAVASCRIPT中可以采用prototype关键字来为对象创新成员函数和属性,可以在一个对象中更改原型属性的值,新的值将覆盖默认值,但仅在该实例中有效。属于这个类的其他对象不受此更改的影响。

  下面给出了使用自定义构造函数的示例,Circle(注意 this 关键字的使用)。

Circle.prototype.pi = Math.PI;function ACirclesArea () {return this.pi * this.r * this.r; // 计算圆面积的公式为 ?r2。}Circle.prototype.area = ACirclesArea; // 计算圆面积的函数现在是 Circle Prototype 对象的一个方法。var a = ACircle.area(); // 此为如何在 Circle 对象上调用面积函数。下面的示例是String对象中采用原型来定义的一个实例方法.// 增加一个名为 trim 的函数作为// String 构造函数的原型对象的一个方法。String.prototype.trim = function(){// 用正则表达式将前后空格// 用空字符串替代。return this.replace(/(^s*) (s*$)/g, "");}// 有空格的字符串var s = " leading and trailing spaces ";// 显示 " leading and trailing spaces (35)"window.alert(s + " (" + s.length + ")");// 删除前后空格s = s.trim();// 显示"leading and trailing spaces (27)"window.alert(s + " (" + s.length + ")");

  3)定义类的静态成员

  在JAVASCRIPT中定义类的静态成员可以直接如此定义

  例如我如果要在类中定义一个静态方法以便返回类的实例.

  可以先定一个createNew将一个方法对象附给它:

  SplitterBar.createNew = _createnew;

  以下是方法的实例:

function _cretaenew(){var bar=new SplitterBar();return bar;}

来源:http://www.tulaoshi.com/n/20160219/1614460.html

延伸阅读
标签: Web开发
在JavaScript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例;而另一种对象则在引用它的对象或方法是必须为它创建一个实例,即该对象是动态对象。对JavaScript内部对象的引用,以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解JavaScript内...
标签: Web开发
原文:. 很不错的文章,推荐一读。我的一点读后感: arguments是JavaScript里的一个内置对象,和NodeList类似,拥有length属性,但没有push和pop等数组方法。 Dean Edwards的format函数很触发灵感: function format(string) {var args = arguments;var pattern = new RegExp('%([1-' + args.length + '])', 'g');return String(string)....
标签: Web开发
公司要求我在一个办公系统上加上提示功能, 我研究了很久,尝试了很多种方法.使用window.open来定时提示, 可是不过多久,客户就不耐烦得说,弹出窗口太繁了.于是我想到了用CreatePopup()的方法,不过问题来了,既然是一个办公系统,要考虑到兼容性问题,不考虑到网景浏览器,我们得考虑 IE 5.0 和 IE 5.5的问题.IE 5.0不支持CreatePopup的方法,还是只...
标签: Web开发
  在IE10中新加入的对高级用户输入的识别支持,举例说明:注册一个点击操作,通过一句addEventListener 就能够知道当前用户的点击是哪种设备,是手指的点击,是鼠标的单击还是触控笔的点击(平板设备都会带有触控笔)。  canvas id="MyCanvas"/canvas     script      ...
标签: Web开发
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

996

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部