`
laj12347
  • 浏览: 14220 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
文章分类
社区版块
存档分类
最新评论

JavaScript 对象

阅读更多
本文讨论几种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对象转换成json

    在JavaScript中,我们可以使用内置的`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。 ### JSON.stringify()方法 `JSON.stringify()`是JavaScript中的全局函数,用于将JavaScript值转换为JSON字符串。它...

    javascript对象参考手册

    JavaScript对象是编程语言的核心组成部分,尤其在Web开发中扮演着至关重要的角色。"JavaScript对象参考手册"涵盖了这一主题的广泛内容,旨在为开发者提供全面、深入的理解和实用指南。手册分为20个章节,不仅涉及...

    JavaScript对象笔记.rar

    什么是对象 简单点说,编程语言中的对象是对现实中事物的简化。例如,我们一个人就是一个对象,但是编程...在后面的JavaScript对象笔记中,记录了菜鸟在学习JavaScript对象的大多数资源,希望这些资源对你也有价值。

    深入浅出JavaScript对象模型

    ### 深入浅出JavaScript对象模型 #### JavaScript对象的本质 根据ECMA262规范,ECMAScript被定义为一种基于对象的语言而非传统的面向对象语言。这意味着在JavaScript中,对象被视为存储数据的一种大型数组形式,...

    04JavaScript对象相关内容总结.docx

    JavaScript对象是编程中的一种核心概念,它是一种复合数据类型,能够存储多个不同数据类型的属性。在JavaScript中,对象可以通过多种方式创建,其中一种常见的方法是使用`new`关键字和构造函数,例如`new Object()`...

    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节 JavaScript对象.rar第8节 ...

    JavaScript对象模型

    ### JavaScript对象模型详解 #### 一、概述 在JavaScript中,对象模型是其核心特性之一,它决定了数据的存储方式以及程序的运行机制。本文旨在深入解析JavaScript对象模型的关键概念,包括基本数据类型、对象、...

    JavaScript对象定义

    JavaScript对象定义是编程语言中的核心概念,它在Web开发中起着至关重要的作用。JavaScript是一种基于原型的对象导向语言,它的对象定义方式具有独特的灵活性。在本文中,我们将深入探讨JavaScript对象的定义、创建...

    04 第四章 JavaScript对象及初识面向对象.md

    04 第四章 JavaScript对象及初识面向对象.md

    javascript对象大全

    ### JavaScript对象大全详解 #### 一、JavaScript简介 JavaScript 是一种强大的、解释型的脚本语言,由 Netscape 公司开发,最初被命名为 LiveScript。随着 Web 技术的发展,JavaScript 成为了网页开发中不可或缺...

    JavaScript 对象.pdf

    JavaScript 对象 JavaScript 中的对象是非常重要的概念,所有事物都是对象,包括字符串、数值、数组、函数等等。对象只是带有属性和方法的特殊数据类型。布尔型、数字型、字符串也可以是一个对象,日期是一个对象,...

    JavaScript对象经典小册 chm

    本小册"JavaScript对象经典小册 chm"深入探讨了JavaScript中的核心概念——对象和数组,旨在帮助开发者更好地理解和掌握这些基础知识。 一、JavaScript对象 1. 对象概述:JavaScript对象是一种数据结构,它由键值对...

    JavaScript对象共6页.pdf.zip

    JavaScript对象是编程语言JavaScript中的核心概念,它在Web开发中起着至关重要的作用。JavaScript是一种基于原型的动态类型语言,其对象系统是其灵活性和强大功能的基础。在深入理解JavaScript对象之前,我们需要先...

    javascript对象

    JavaScript对象是编程语言JavaScript的核心组成部分,它是一种复杂的数据结构,用于存储和操作数据。JavaScript对象是基于原型的,这意味着每个对象都可以从另一个对象继承属性和方法。这种特性使得JavaScript非常...

    JavaScript对象模型-执行模型

    JavaScript对象模型(Object Model)和执行模型是理解JavaScript工作原理的关键概念。JavaScript是一种基于原型的动态类型语言,其对象模型是其核心特性之一。本文将深入探讨JavaScript的对象模型和执行模型,以及...

Global site tag (gtag.js) - Google Analytics