繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript Prototype 对象扩展
- Javascript
- JavaScript中全局变量、函数内变量以及常量表达式的效率测试
- 写出更好的JavaScript之undefined篇（上）
- Javascript 刷新全集常用代码
- 传智播客学习之java 反射
- javascript DOM编程实例(智播客学习)
- javascript 在网页中的运用(asp.net)
- 通过身份证号得到出生日期和性别的js代码
- 写出更好的JavaScript程序之undefined篇（中）
- js获取图片长和宽度的代码
- js cookies实现简单统计访问次数
- 根据鼠标的位置动态的控制层的位置
- dropdownlist之间的互相联动实现（显示与隐藏）
- javascript select控件间内容互相移动
- asp.net下利用js实现返回上一页的实现方法小集
- JavaScript 利用StringBuffer类提升+=拼接字符串效率
- JS 实现双色表格实现代码
- 利用JavaScript更改input中radio和checkbox样式
- jquery.ui.draggable中文文档
- js loading加载效果实现代码
- JS 倒计时实现代码(时、分，秒)
Javascript 中的 javascript Prototype 对象扩展
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 292 ::
收藏到网摘: n/a
从对象创建一个实例说起来貌似是很简单的东西，是啊，基本在所有的语言中，都是用new关键字来创建实例的 Javascript当然也不例外，可是关于对象的引用问题，你考虑过么？通常的做法是一系列对象共享类的方法，而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。
复制代码 代码如下:
var myobject=function(param1,param2)
{
this.name=param1;
this.age=param2;
this.showmsg=function()
{
alert("name:"+this.name+"\n"+"age:"+this.age);
}
}
var objectone=new myobject('liu',20);
alert(objectone.name); //liu
var objecttwo=new myobject('lin',20);
alert(objecttwo.name); //lin
alert(objecttwo.showmsg());
var objectthree=new myobject('lhking',22);
alert(objectthree.showmsg());
看起来不错，用起来也不错，对象之间互相没有任何干扰，也能正常完成工作，一切看起来理所当然，但是你每次产生一个新对象的时候，脚本引擎都会给对象复制一份属性和方法，有没有觉得这样很浪费内存呢？在客户端的这种对象的复制方式，极其容易造成内存泄露，因为每次产生新的实例都会复制所有的属性和方法，占用大量的内存。
在大型JavaScript应用中首先考虑的就是内存问题。
正确的使用方法是用prototype关键字来定义一个类的方法或者属性
复制代码 代码如下:
var myobject=function(param1,param2)
{
this.name=param1;
this.age=param2;
myobject.prototype.showmsg=function()
{
alert("name:"+this.name+"\n"+"age:"+this.age);
}
}
var objectone=new myobject('liu',20);
alert(objectone.name);
var objecttwo=new myobject('lin',20);
alert(objecttwo.name);
alert(objecttwo.showmsg());
var objectthree=new myobject('lhking',22）;
alert(objectthree.showmsg);
这样的话，你创建的对象之间可以共用方法，也就是showmsg()函数只定义一次，其它的对象共用这一个方法，而不是复制出自己的方法。
Javascript中的prototype已经说完。
看看JavaScript中的对象扩展
复制代码 代码如下:
function rand(x)
{
return Math.ceil(Math.random()*x);
}
生成随机数组的一个扩展方法
Array.prototype.random=function()
{
for(var i=(this.length-1);i>1;i--)
{
var j=rand(this.length-1);
var cache=this[i];
this[i]=this[j];
this[j]=cache;
}
}
var array=new Array("1","2","3","4","5");
for(var a in array)
{
alert(array[a]);
}
array.random();
for(var b in array)
{
alert(array[b]);
}
再看看对象反射
反射是一种对象的机制,它允许你在完全不了解对象的情况下了解它的属性和方法,通常情况下,程序员对于自己所操纵的对象是如何组成的是非常了解的,但是在某些特殊情况下使用某个其他人写的复杂的对象的时候,我们需要快速了解这个对象的属性和方法,就需要用到反射的机制,当然反射的应用并不是局限于此,这里只是介绍反射在Javascript中的使用方法.
首先我们可能想知道在某个对象中是否存在一个特定的属性或者方法,这时候我们可以地测试它:
if(typeof(myobject.someproperty)!="undefined")
{
}
在Javascript中如果没有定义一个对象或者变量的话,它总是返回undefined类型.
也可以用其他的内建类来缩小测试范围:
if(myobject instanceof Object)
{
}
instanceof 是用来测试内建类或者自定义类的操作符,内建类指Array,String,Date,Number,Math,RegExp,Boolean,Function之类的内建类.例如:Function和Array都是继承自Object类的,所以如果你在代码中如果测试某个Array对象的话,如果你先测试它是否是Object,将返回true,如果测试它是否是Array的话,它也会返回true。
一个更简单而有用的方法,是遍历一个对象的所有属性和方法来快速了解一个对象的内部状态:
复制代码 代码如下:
function myobject(){
this.name="name";
this.age="age";
this.sex="sex";
this.func=function(){
}
}
var myobj=new myobject();
for(var i in myobj){
alert(myobj[i]);
}
评论 (0) All
