BlogJava-没有眼泪-随笔分类-javascript

javascript数组中的splice方法

zhangchao — Wed, 28 May 2008 04:58:00 GMT

splice方法是javascript中数组的一个方法,其功能是:可向数组删除并加入新的元素.其方法声明如下:

arrayObject.splice(index,howmany,element1,..,elementX)

index:必选项.指定在哪个位置加入/删除元素,必须是数字.
howmany:必选项.指定有多少元素应该被删除,必须是数字,可以是"0".
element1:可选.指定要加入到数组中的新元素.
elementX:可选.可以加入多个元素.
说明:如果howmany为0或"0",则该数组中将没有元素被删除,那么element1至elementX个参数将从index指定的位置插入到该数组中,数组中原位置的元素将后移.如果howmany不为0,则从index指定位置开始删除howmany个元素(包括index位置的元素),然后再从index开始插入element1至elementX个参数,数组中原位置的元素将后移.
例1:

输出结果为:

Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Lene,Stale,Kai Jim,Borge

例2:

输出结果为:

Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Tove,Kai Jim,Borge

例3:

输出结果为:

Jani,Hege,Stale,Kai Jim,Borge
Jani,Hege,Tove

zhangchao 2008-05-28 12:58 发表评论

我所理解的原型对象

zhangchao — Fri, 09 May 2008 08:43:00 GMT

众所周知,javascript中的继承是通过原型对象(prototype)来实现的.原型对象是由函数的构造函数创建,它所拥有的属性能被所有对象共享.初始时原型对象指向一个Object对象,并且定义了一个constructor属性,该属性指向定义该原型对象的构造函数本身,上述过程可以理解为以下代码:

function BaseClass() {
document.write('This is BaseClass.');
}
BaseClass.prototype = new Object();
BaseClass.prototype.constructor = BaseClass;

因为原型对象的所有属性能被构造函数创建对象共享,所以创建的对象可以访问这里的constructor属性:

var c = new BaseClass();
document.write(c.constructor == BaseClass); //true
c.constructor(); //调用BaseClass函数,输出This is BaseClass.

由于对象本身也可以自定义属性,所以在读取对象属性时js先检查该对象是否定义了该属性,如果已经定义了则使用该属性,如果没有定义则再从其原型对象中读取该属性,所以如果对象自定义的属性和其原型中的属性存在重名则自定义属性"隐藏"了其原型对象中的同名属性.例:

c.constructor = function() {
document.write('This is c');
}
c.constructor(); //This is c

加入上述代码之后再次调用c.constructor(),则会打印出"This is c".这是因为c已自定义constructor属性"隐藏"了其原型对象中的constructor属性.当然js保证了读写的不对称性,也就是说读取一个对象的属性时有可能要从其原型对象中去读取,但写一个对象的属性时却从不涉及其原型对象,无论在一个对象加入或修改多少属性这都不影响其原型对象中属性的本来面目.比如这里c自定义了constructor属性,但这一行为并不影响其原型对象中constructor指向其构造函数这一事实,如果再创建一个对象且不自定义constructor属性,再调用constructor则依然调用对象的构造函数,例:

var b = new BaseClass();
b.constructor(); //调用BaseClass函数,输出This is BaseClass.

很容易理解js为什么这样做,因为一个对象的行为不能影响到其他对象,否则将会造成混乱.
理解上述规则之后让我们看看js中是如何通过原型对象实现继承的.当我们创建一个对象时,可以把该对象看成是由2部分组成的,一部分存储了该对象自己定义的属性(称为A部分),而另一个部分则存储了其构造函数所定义的原型对象引用(称为B部分),例如这里的BaseClass.prototype.当读取对象的属性时可以分为以下2步:
1.js先检查该对象引用所指向的内存区域的A部分是否存在该属性,如果存在则读出.
2.如果没有则再从B部分存储的引用(BaseClass.prototype)所指向的内存区域中读取该属性.

从步骤2开始这就是个不断往上寻找的过程,因为BaseClass.prototype所指向的内存区域也会分为A和B两个部分,如果再A部分也不存在该属性,则又会从其B部分所指向的内存区域去寻找该属性,而该内存区域也有A和B两个部分,如果A部分仍然不存在,则还要从B部分所指向的内存区域去寻找该属性,直到达到最顶层的Object类.所以在无形当中就形成了一条链,也就是我们常说的原型链.如果理解了这个过程我想也就能了解原型对象了.下面简单分析下b.constructor();的调用过程便于加深理解.
1.js会在b所指向的内存区域A部分读取constructor属性.
2.当发现没有该属性后再从其类的构造函数原型对象引用所指向的内存区域读取该属性.因为原型对象引用初始时指向一Object对象内存区域(BaseClass.prototype = new Object();)
3.再从此Object对象的A部分寻找constructor属性.
4.没有找到该属性则从其类的原型对象即Object.prototype中去寻找constructor.
5.如果找到该属性则调用.
6.否则,到达链的顶端,返回.
到此能很清楚的知道js中是如何实现继承的,如果我们自定义的类不想继承自Object,则可以修改其prototype的指向,可以让其指向任意一个类,这样也就实现了继承自定义类,但js中所有的类都继承自Object类,所以原型链的关系仍然存在.

zhangchao 2008-05-09 16:43 发表评论

javascript中的逻辑操作符

zhangchao — Thu, 13 Mar 2008 02:30:00 GMT

昨天在看Ext的源码时发现了以下代码attributes = attributes || {};一直以为js中的逻辑操作符返回的结果是boolean值即true或false,查了下文档才发现其实不然.
js的逻辑操作符有3种,即逻辑与(&&),逻辑或(||)和逻辑非(!).逻辑非始终返回一个boolean值,即true或false.而逻辑与和逻辑或则不一定返回boolean值.查了下文档才明白逻辑与和逻辑或执行的规则:
逻辑与(&&):
1.先执行左边的表达式,得到该表达式的值.
2.尝试将该值转换成boolean.
3.如果2的结果是false,则返回1中得到的值(如果该值不是false,而是一个其他的值,比如是个对象,则将返回这个对象而不是false),执行完毕.
4.如果2的结果是true,执行右边表达式并得到值.
5.返回4中得到的值.

逻辑或(||):
1.先执行左边的表达式,得到该表达式的值.
2.尝试将该值转换成boolean.
3.如果2的结果是true,则返回1中得到的值,执行完毕.
4.如果2的结果是false,执行右边表达式并得到值.
5.返回4中得到的值.

总结:逻辑与如果左边是false,则整个表达式的值是左边表达式的值,如果为true,则整个表达式的值是右边表达式的值.
逻辑或如果左边是true,则整个表达式的值是左边表达式的值,如果为false,则整个表达式的值是右边表达式的值.

zhangchao 2008-03-13 10:30 发表评论

悟透JavaScript(转)

zhangchao — Wed, 05 Mar 2008 03:07:00 GMT

摘要: 引子编程世界里只存在两种基本元素，一个是数据，一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的，总想保持自己固有的本色；而代码却天生活泼，总想改变这个世界。你看，数据代码间的关系与物质能量间的关系有着惊人的... 阅读全文

zhangchao 2008-03-05 11:07 发表评论