6.JS面向对象基础(*)

---

JavaScript中没有类的语法，是用函数闭包（closure）模拟出来的，下面讲解的时候还是用C#中的类、构造函数的概念，JavaScript中String、Date等“类”都被叫做“对象”，挺怪，方便初学者理解，不严谨。JavaScript中声明类（类不是类，是对象）：

隐藏行号 复制代码 ？ 这是一段程序代码。

2. function Person(name, age) {

3. this.name = name;

4. this.age = age;

5. this.SayHello = function () {

6. alert("你好，我是" + this.name + "，我" + this.age + "岁了");

7. }

8. }

9. var p1 = new Person("tom", 20);

10. p1.SayHello();

 

必须要声明类名，function Person(name,age)可以看做是声明构造函数，Name、Age这些属性也是使用者动态添加了。var p1 = Person("tom", 30);//不要丢了new，否则就变成调用函数了，p1为undefined。new 相当于创建了函数的一个实例

 

7.Array对象

---

JavaScript中的Array对象就是数组，首先是一个动态数组，而且是一个像C#中数组、ArrayList、Hashtable等的超强综合体。

隐藏行号 复制代码 ？ 这是一段程序代码。

2. var names = new Array();

3. names[0] = "tom";

4. names[1] = "jerry";

5. names[2] = "lily";

6. for (var i = 0; i < names.length; i++) {

7. alert(names[i]);

8. }

 

输出：分别弹出tom,jerry,lily

无需预先制定大小，动态。

 

7.1 练习：

求一个数组中的最大值。定义成函数。

隐藏行号 复制代码 ？ 这是一段程序代码。

2. function getMax(arr) {

3. var max = arr[0];

4. for (var i = 0; i < arr.length; i++) {

5. if (arr[i] > max) {

6. max = arr[i];

7. }

8. }

9. return max;

10. }

11. var arr1 = new Array();

12. arr[0] = 12;

13. arr[1] = 32;

14. arr[2] = 25;

15. arr[4] = 12;

16. alert(getMax(arr1));

 

7.2 练习：

将一个字符串数组输出为|分割的形式，比如“刘在石|金钟国|李光洙|HAHA|宋智孝|Gary|池石镇”。不要使用JavaScript中的Join函数。arr1.join("|")将数组用分隔符连接成一个字符串。

隐藏行号 复制代码 ？ 这是一段程序代码。

2. function myjoin(arr) {

3. if (arr.length <= 0) {

4. return "";

5. }

6. var s = arr[0];

7. for (var i = 1; i < arr.length; i++) {

8. s = s + "|" + arr[i];

9. }

10. return s;

11. }

12. var arr = new Array();

13. arr[0] = "刘在石";

14. arr[1] = "金钟国";

15. arr[2] = "李光洙";

16. arr[3] = "HAHA";

17. arr[4] = "宋智孝";

18. arr[5] = "Gary";

19. arr[6] = "池石镇";

20. alert(myjoin(arr));

 

7.3 练习：

将一个字符串数组的元素的顺序进行反转。{"3","a","8","haha"} {"haha","8","a","3"}。不要使用JavaScript中的反转函数。提示：

第i个和第length-i-1个进行交换。定义成函数。myreverse

为什么length要除以2：因为

arr[i] = arr[arr.length - i - 1];

arr[arr.length - i - 1] = temp;

已经交换了。一次交换的是2个数。

隐藏行号 复制代码 ？ 这是一段程序代码。

2. var f = function (arr) {

3. for (var i = 0; i < arr.length / 2; i++) {

4. var temp = arr[i];

5. arr[i] = arr[arr.length - i - 1];

6. arr[arr.length - i - 1] = temp;

7. }

8. return arr;

9. }

10. var arr = new Array();

11. arr[0] = 3;

12. arr[1] = "a";

13. arr[2] = 8;

14. arr[3] = "haha";

15. arr[4] = 2;

16. arr[5] = 1;

17. alert(arr);

18. alert(f(arr));

 

还有一种方法：

隐藏行号 复制代码 ？ 这是一段程序代码。

2. var f = function (arr) {

3. var w;

4. var s = "";

5. for (var i = 0; i < arr.length; i++) {

6. w = arr.length - i - 1;

7. s = s + "," + arr[w];

8. }

9. return s.substring(1, s.length);//因为第1个s后面跟1个","所以需要截取,

10. }

11. var arr = new Array();

12. arr[0] = 3;

13. arr[1] = "a";

14. arr[2] = 8;

15. arr[3] = "haha";

16. arr[4] = 2;

17. arr[5] = 1;

18. arr[6] = 11;

19. alert(arr);

20. alert(f(arr));

 

 

8.JS中的Dictionary

---

JS中的Array是一个宝贝，不仅是一个数组，还是一个Dictionary，还是一个Stack。

隐藏行号 复制代码 ？ 这是一段程序代码。

2. var pinyins = new Array();

3. pinyins["人"] = "ren";

4. pinyins["口"] = "kou";

5. pinyins["手"] = "shou";

6. alert(pinyins["人"]); //弹出ren

7. alert(pinyins.口);   //弹出kou

8. for (var k in pinyins) {

9. alert(k);       //分别弹出人、口、手   （注意：弹出的是key而不是value）

10. }

11. var arr = new Array();

12. arr[0] = "tom";

13. arr[1] = "Jim";

14. arr[2] = "Jerry";

15. for (var i in arr) {

16. alert(i);

17. }      //弹出0,1,2,理由同上

 

像Hashtable、Dictionary那样用，而且像它们一样效率高。

for (var k in pinyins) {

            alert(k);       //分别弹出人、口、手   （注意：弹出的是key而不是value）

        }

这是js中的foreach方式运用

课下练习：网页版的火星文翻译。

 

 

9.数组、for及其他

---

对于数组风格的Array来说，可以使用join方法拼接为字符串

隐藏行号 复制代码 ？ 这是一段程序代码。

1. var arr = ["tom", "jim", "lily"];

2. alert(arr);

3. alert(arr.join("!"));//JS中join是array的方法，不像.Net中是string的方法

 

   tom!jim!lily

for循环可以像C#中的foreach一样用

 

for循环还可以获得一个对象所有的成员，类似于.Net中的反射

for (var e in document) {

            alert(e);

        }

有了它没有文档也可以进行开发。