本文讨论几种js创建对象的方法,先从最好理解
1、工厂模式开始:
<script text="javascript">
function createPerson(name,age,job){
var o =new Obeject();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var tanya = createPerson("tanya","30","female");
var ansel = createPerson("ansel","30","male");
tanya.sayName();
ansel.sayName();
</script>
2、对象模式称为构造函数模式
<script text="javascript">
//执行第一句代码前,js引擎会为我们生成一个对象
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
//此处有一个隐藏的return语句,用于将之前生成的对象返回。
}
var tanya = new Person("tanya","30","female");
var ansel = new Person("ansel","30","male");
tanya.sayName();
ansel.sayName();
</script>
3、原型模式
<script text="javascript">
function Person(){}
Person.prototype.name = name;
Person.prototype.age = age;
Person.prototype.job = job;
Person.prototype.sayName = function(){
alert(this.name);
};
var person = Person();
var person2 = Person();
</script>
如果使用原型对象方式,那么生成的所有对象会共享原型中的属性,这样一个对象改变了该属性也会反映到其他的对象当中。
4、使用原型+构造函数方式来定义对象
<script text="javascript">
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
}
Person.prototype.sayName= function(){
alert(this.name);
};
var tanya = new Person("tanya","30","female");
var ansel = new Person("ansel","30","male");
tanya.sayName();
ansel.sayName();
</script>
使用原型+构造函数方式来定义对象,对象之间的属性互不干扰,各个对象间共享同一个方法。
- 大小: 108.9 KB
- 大小: 196.6 KB
分享到:
相关推荐
什么是对象 简单点说,编程语言中的对象是对现实中事物的简化。例如,我们一个人就是一个对象,但是编程...在后面的JavaScript对象笔记中,记录了菜鸟在学习JavaScript对象的大多数资源,希望这些资源对你也有价值。
javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。
第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 JavaScript对象.rar第8节 ...
04 第四章 JavaScript对象及初识面向对象.md
javascript 对象操作作业题,面向对象操作题
开发工具与关键技术:Adobe Dreamweaver JavaScript JavaScript对象总结知识点
支持将自身转换成json字符串输出
javascript对象大全
JavaScript对象模型
本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作的简短描述,以及与其相关的属性方法,以及事件处理程序,还注明了该对象或数组的父对象用户同样可能需要参考Online Companion中的超级...
本人根据w3school.com.cn的在线教程制作,制作之前我找了许多的js参考手册,但是都觉得不是挺实用,所以就做了这个文档,由于不是注册版,所以做的不是很完美,但是... 里面包括了js所有的对象简介,包括正则表达式!
基本包含了所有对象的所有属性。一共有20章,同时包括了 ActiveX技术和数据库访问等高端技术
JavaScript中的对象 ECMA262规范一直在强调,“ECMAScript是一种基于对 象(Object—Based)的语言,而不是传统的面向对象(Object— Oriented)的语言”。相信绝大多数人不会清楚这句话是什么意 思。我想我们可以把它...
本文实例讲述了JavaScript对象拷贝与Object.assign用法。分享给大家供大家参考,具体如下: 深拷贝与浅拷贝 在 JavaScript 中,对于基本数据类型(undefined、null、boolean、number、string)来说,在变量中存储的...
javaScript对象大全.chm javaScript对象大全.chmjavaScript对象大全.chm
JavaScript对象变量图
javaScript对象结构图
JavaScript对象与数组参考大全JavaScript语法结构
JavaScript对象方法全集合