javascript面向对象技术基础(二)

看了很多介绍javascript面向对象技术的文章,很晕.为什么?不是因为写得不好,而是因为太深奥.javascript中的对象还没解释清楚怎么回事,一上来就直奔主题,类/继承/原型/私有变量。结果呢,看了大半天,有了一个大概的了解,细细一回味,好像什么都没懂。

十年的安溪网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整安溪建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联建站从事“安溪网站设计”,“安溪网站推广”以来，每个客户项目都认真落实执行。

这篇文章是参考<>第7,8,9章而写成的,我也会尽量按照原书的结构来说明javascript的面向对象技术(对象/数组->函数-->类/构造函数/原型).对一些我自己也拿捏不准的地方,我会附上原文的英文语句,供大家参考.

如果不做说明,则文中出现的所有英文语句(程序体除外)都是引自<>.

数组

我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,数组中的数据可以是任何的数据类型.数组本身仍旧是对象,但是由于数组的很多特性,通常情况下把数组和对象区别开来分别对(Throughout this book, objects and arrays are often treated as distinct datatypes.This is a useful and reasonable simplification; you can treat objects and arrays as separate types for most of your JavaScript programming.To fully understand the behavior of objects and arrays, however, you have to know the truth: an array is nothing more than an object with a thin layer of extra
functionality. You can see this with the typeof operator: applied to an array value, it returns the string "object". --section7.5).

创建数组可以用"[]"操作符,或者是用Array()构造函数来new一个.

Js代码

 
 
 

  
  
  
var array1 = []; //创建空数组 
  
  
  
var array2 = new Array(); //创建空数组 
  
  
  
array1 = [1,"s",[3,4],{"name1":"NAME1"}]; // 
  
  
  
alert(array1[2][1]); //4 访问数组中的数组元素 
  
  
  
alert(array1[3].name1); //NAME1 访问数组中的对象 
  
  
  
alert(array1[8]); //undefined 
  
  
  
array2 = [,,]; //没有数值填入只有逗号,则对应索引处的元素为undefined 
  
  
  
alert(array2.length); //3 
  
  
  
alert(array2[1]); //undefined
 
 
 

用new Array()来创建数组时,可以指定一个默认的大小,其中的值此时为undefined,以后可以再给他们赋值.但是由于javascript中的数组的长度是可以任意改变的,同时数组中的内容也是可以任意改变的.

因此这个初始化的长度实际上对数组没有任何的约束力.对于一个数组,如果对超过它***长度的索引赋值,则会改变数组的长度,同时会对没有赋值的索引处赋值undefined,看下面的例子.

Js代码

 
 
 

  
  
  
 var array = new Array(10); 
  
  
  
alert(array.length); //10 
  
  
  
alert(array[4]); //undefined 
  
  
  
array[100] = "100th"; //这个操作会改变数组的长度,同时将10-99索引对应的值设为undefined 
  
  
  
alert(array.length); //101 
  
  
  
alert(array[87]); //undefined 
 
 
 

可以用delete操作符删除数组的元素,注意这个删除仅仅是将数组在该位置的元素设为undefined,数组的长度并没有改变.我们已经使用过了数组的length属性,length属性是一个可以读/写的属性,也就是说我们可以通过改变数组的length属性来任意的改变数组的长度.如果将length设为小于数组长度的值,则原数组中索引大于length-1的值都会被删除.如果length的值大于原始数组的长度,则在它们之间的值设为undefined.

Js代码

 
 
 

  
  
  
var array = new Array("n1","n2","n3","n4","n5"); //五个元素的数组 
  
  
  
var astring = ""; 
  
  
  
for(var i=0; i
  
  
  
astring += array[i]; 
  
  
  
} 
  
  
  
alert(astring); //n1n2n3n4n5 
  
  
  
delete array[3]; //删除数组元素的值 
  
  
  
alert(array.length + "_" + array[3]) //5_undefined 
  
  
  
array.length = 3; //缩减数组的长度 
  
  
  
alert(array[3]); //undefined 
  
  
  
array.length = 8; //扩充数组的长度 
  
  
  
alert(array[4]); //undefined 
 
 
 

对于数组的其他方法诸如join/reverse等等,在这就不再一一举例.

通过上面的解释,我们已经知道,对象的属性值是通过属性的名字(字符串类型)来获取,而数组的元素是通过索引(整数型 0~~2**32-1)来得到值.数组本身也是一个对象,所以对象属性的操作也完全适合于数组.

当前标题：javascript面向对象技术基础(二)
本文链接：http://www.shufengxianlan.com/qtweb/news9/102559.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联