自定义类型的创建

原文链接：https://www.mk2048.com/blog/blog.php?id=h02j0iakjhbb&title=%E8%87%AA%E5%AE%9A%E4%B9%89%E7%B1%BB%E5%9E%8B%E7%9A%84%E5%88%9B%E5%BB%BA

创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。

 1 window.onload = function() {
 2     var person1 = new Person("Nicholas", 29, "Software Engineer");
 3     var person2 = new Person("Greg", 27, "Doctor");
 4 
 5     person1.friends.push("Van");
 6 
 7     document.writeln("person1.friends : "   person1.friends   "<br />");    // Shelby,Court,Van
 8     document.writeln("person2.friends : "   person2.friends   "<br />");    // Shelby,Court
 9     document.writeln("person1.friends === person2.friends : "   (person1.friends === person2.friends)   "<br />");    // false
10     document.writeln("person1.sayName === person2.sayName : "   (person1.sayName === person2.sayName)   "<br />");    // true
11 };
12 
13 /**
14  * 构造函数模式用于定义实例属性
15  * @param {string} name 姓名
16  * @param {number} age  年龄
17  * @param {string} job  工作
18  */
19 function Person(name, age, job){
20     this.name = name;
21     this.age = age;
22     this.job = job;
23     this.friends = ["Shelby", "Court"];
24 
25     // 动态原型模式，该代码只有在初次调用构造函数的时候才会执行
26     if (typeof this.sayName !== "function") {
27         Person.prototype.sayName = function() {
28             alert(this.name);
29         }
30     }
31 }

 以上方法，对于有其他OO语言经验的开发人员去看，比较容易理解，但是性能上并不推荐。因为每次创建新的实例都需要进行一次判断，哪怕这次的性能损耗是极小的，但毕竟也是有损耗。

我还是将定义方法和共享属性放在外面，通过原型模型去创建自定义方法，如果有更加优质的代码，欢迎分享！

 1 window.onload = function() {
 2     var person1 = new Person("Nicholas", 29, "Software Engineer");
 3     var person2 = new Person("Greg", 27, "Doctor");
 4 
 5     person1.friends.push("Van");
 6 
 7     document.writeln("person1.friends : "   person1.friends   "<br />");    // Shelby,Court,Van
 8     document.writeln("person2.friends : "   person2.friends   "<br />");    // Shelby,Court
 9     document.writeln("person1.friends === person2.friends : "   (person1.friends === person2.friends)   "<br />");    // false
10     document.writeln("person1.sayName === person2.sayName : "   (person1.sayName === person2.sayName)   "<br />");    // true
11 };
12 
13 /**
14  * 构造函数模式用于定义实例属性
15  * @param {string} name 姓名
16  * @param {number} age  年龄
17  * @param {string} job  工作
18  */
19 function Person(name, age, job){
20     this.name = name;
21     this.age = age;
22     this.job = job;
23     this.friends = ["Shelby", "Court"];
24 
25     // 动态原型模式，该代码只有在初次调用构造函数的时候才会执行
26     // if (typeof this.sayName !== "function") {
27     //     Person.prototype.sayName = function() {
28     //         alert(this.name);
29     //     }
30     // }
31 }
32 
33 Person.prototype.sayName = function() {
34     alert(this.name);
35 }

 

更多专业前端知识，请上【猿2048】www.mk2048.com

标签：function,name,自定义,创建,sayName,person2,person1,类型,friends
来源： https://blog.csdn.net/qq_29069777/article/details/102759246