【javascript】创建对象的几种方式
JavaScript 方式 几种 创建对象
2023-09-11 14:21:26 时间
1.工厂模式
function createPerson(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var person = createPerson("Greg", 27, "Doctor");
2.构造函数模式
//构造函数首字母大写
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
//当做构造函数使用
var person = new Person("Greg", 27, "Doctor");
person.sayName(); // "Greg"
//作为普通函数调用
Person("Greg",27,"Doctor");
window.sayName(); // "Greg"
//使用new操作符来调用构造函数,则创建新对象,并且属性和方法都赋给指定的对象,如果不用new操作符,则将属性和方法赋给window对象。
3.原型模式
我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。
function Person(){
}
Person.prototype.name = "Greg";
Person.prototype.age = 29;
Person.prototype.job = "Doctor";
Person.prototype.sayName = function(){
alert(this.name);
}
var person = new Person();
person.sayName();
通过原型模式创建的对象,所有的属性都是一样的 。
4.动态原型模式
该模式是把所有信息都封装到构造函数中,通过构造函数中初始化原型(仅在必要的情况下),又保持了同时使用构造函数和原型的优点
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
if(typeof this.sayName != "function"){
Person.prototype.sayName = function(){
alert(this.name);
}
}
}
var friend = new Person("Greg",20,"Doctor");
frient.sayName();
相关文章
- C# -- 等待异步操作执行完成的方式 C# -- 使用委托 delegate 执行异步操作 JavaScript -- 原型:prototype的使用 DBHelper类连接数据库 MVC View中获取action、controller、area名称、参数
- 【学习笔记01】JavaScript的介绍和引入方式
- 【JS】JavaScript中创建数组的6种方式(代码示例合集)
- 24dwr - DWR中的JavaScript(调用元数据对象)
- 精读JavaScript模式(六),Memoization模式与函数柯里化的应用
- JavaScript 如何从引用类型(Array 、 Object)创建一个新的对象
- 【JavaScript】javascript常用的东西
- JavaScript闭包的底层运行机制
- 《JavaScript设计模式》——2.5 多种调用方式——多态
- 《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.7 水平线
- JavaScript每天逻辑练习,两种方式实现动态摇学号
- 分享JavaScript小案例,打印倒正金字塔,两种方式实现
- javascript jquery 推断对象为空的方式
- JavaScript内存泄露的4种方式及如何避免
- JavaScript仿百度图片浏览效果(转载)
- javascript复制数组的三种方式
- JavaScript引用类型之Array数组的排序方法
- JavaScript 监听页面显示状态
- JavaScript SVG分叉树