13 JavaScript语言进阶-构造函数模式
程序员文章站
2022-05-23 17:27:23
...
构造函数模式
示例:
function CreateJsPerson(name,age){
//this代表浏览器默认创建的对象p1
this.name = name;
this.age = age;
this.writsJs = function(){
console.log("I am is "+this.name+",I can write the JS");
};
}
var p1 = new CreateJsPerson("Tom",15);
p1.writeJs();
函数构造模式的特征:
1,函数名前添加一个关键字“new”后,此函数可认作为一个类。
2,约定构造函数的第一单词首字母大写
3,被new之后的函数赋值给的那个变量被称为此类的实例
4,在JavaScript中,所有类都是函数数据类型,所有实例都是对象数据类型
5,在构造函数代码执行之前,无需手动创建对象,浏览器会默认创建对象数据类型的值,该值是当前类的一个实例。
6,代码代码从上到下执行时,以当前实例为执行主体,可用this代表当前实例,分别的把属性名和属性值赋值给当前实例。
7,无需手动添加返回对象操作,浏览器会默认把 创建的实例返回
8,通过同一个构造函数创建多个实例,不同实例之间的方法不同,且在类中给实例添加的属性是属于当前实例的私有属性,实例与实例之间是单独个体,私有的属性之间是不相等的
上一篇: 秋季护肤小诀窍 和皮肤干燥say goodbye!
下一篇: 入秋后这个器官最脆弱 这物帮我们养好肺
推荐阅读
-
javascript工厂模式和构造函数模式创建对象方法解析
-
javascript设计模式之对象工厂函数与构造函数详解
-
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
-
JavaScript设计模式之构造函数模式实例教程
-
设计模式-JavaScript中的构造函数模式是什么
-
javascript工厂模式和构造函数模式创建对象方法解析
-
13 JavaScript语言进阶-构造函数模式
-
javascript设计模式之对象工厂函数与构造函数详解
-
深入理解JavaScript系列(26):设计模式之构造函数模式详解_javascript技巧
-
深入理解JavaScript系列(26):设计模式之构造函数模式详解_javascript技巧