js6类和对象

[javascript] view plain copy

1. // 第一种：对象
2. var person = {};// 或者var obj = new Object();
3. person.name = "king";
4. person.age = 20;
5. person.Introduce = function () {
6. alert("My name is " + this.name + ". My age is " + this.age);
7. };
8. person.Introduce();
9. // 第二种：json格式的对象
10. var person = {
11. name: "king",
12. age: 20,
13. Introduce: function () {
14. alert("My name is " + this.name + ". My age is " + this.age);
15. }
16. };
17. person.Introduce();
18. alert(person.name);// king
19. // 第三种（1）：类，类似于默认构造函数
20. var Person = function () {
21. this.name = "king";
22. this.age = 20;
23. this.Introduce = function () {
24. alert("My name is " + this.name + ". My age is " + this.age);
25. };
26. };
27. var person = new Person();// 或者var person = Person();
28. person.Introduce();
29. alert(person.name);// 输出：king
30. alert(person["name"]);// 也可以使用json的访问方式，说明使用function定义类与第二种是等效的
31. alert(person.age);// 输出：20
32. // 第三种（2）：区别仅在于第一行的声明
33. function Person () {
34. this.name = "king";
35. this.age = 20;
36. this.Introduce = function () {
37. alert("My name is " + this.name + ". My age is " + this.age);
38. };
39. };
40. var person = new Person();
41. person.Introduce();
42. alert(person.name);// 输出：king
43. alert(person.age);// 输出：20
44. // 第四种（1）：可定制的类，类似构造函数
45. var Person = function (name, age) {
46. this.name = name;
47. this.age = age;
48. this.Introduce = function () {
49. alert("My name is " + this.name + ". My age is " + this.age);
50. };
51. };
52. var person = new Person("king", 20);
53. person.Introduce();
54. alert(person.name);// 输出：king
55. alert(person.age);// 输出：20
56. // 第四种（2）：
57. function Person (name, age) {
58. this.name = name;
59. this.age = age;
60. this.Introduce = function () {
61. alert("My name is " + this.name + ". My age is " + this.age);
62. };
63. };
64. var person = new Person("king", 20);
65. person.Introduce();
66. alert(person.name);// 输出：king
67. alert(person.age);// 输出：20
68. // 第五种：变量的封装，将其改为私有。采用了闭包。
69. // 在function中用this引用当前对象，通过对属性的赋值来声明属性。即this定义的为公有
70. // 如果用var声明变量，则该变量为局部变量，只允许在类定义中调用。即var定义的为私有，不用var则为全局
71. var Person = function (name, age) {
72. var name = name;
73. var age = age;
74. this.GetName = function () {
75. return name;
76. }
77. this.GetAge = function () {
78. return age;
79. }
80. this.Introduce = function () {
81. alert("My name is " + name + ". My age is " + age);
82. };
83. };
84. var person = new Person("king", 20);
85. alert(person["name"]);// undefined
86. alert(person.GetName());// king
87. // 第五种（2）：可参考第三种（2）和第四种（2）
88. // 第六种（1）：在函数体中创建一个对象（使用第二种），声明其属性再返回
89. function Person() {
90. var obj =
91. {
92. ‘age‘:20,
93. ‘name‘:‘king‘
94. };
95. return obj;
96. }
97. var person = new Person();
98. alert(person.age);// 输出：20
99. alert(person.name);// 输出：king
100. // 第六种（2）：函数体内创建对象时使用第一种方法
101. function Person() {
102. var obj = new Object();
103. obj.age = 20;
104. obj.name = ‘king‘;
105. return obj;
106. }
107. var person = new Person();
108. alert(person.age);// 输出：20
109. alert(person.name);// 输出：king

小结：上述第一种、第二种方法为直接创建一个对象字面量。第二种到第六种方法相当于提供了类，使用new操作符（可省略）创建对象实例。