从代码中体会javascript中的对象：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>js demo</title>

		<script type="text/javascript" charset="utf-8">

		// 定义一个方法，这样只有触发事件调用

		function myFunction() {

			var person = {

				fname: "Bill",

				lname: "Gates",

				age: 56,

				// 理解为Java对象里面的静态方法和属性，所以不用实例化就可以访问获取

				setFname:function(name) {

					this.fname = name;

					console.info(this.fname);

				}

			};

			console.info(person);

			// 定义一个数组

			var persons = new Array();

			person.setFname("Guxingzhe")

			persons.push(person);

			persons.push(person);

			persons.push(person);

			console.info(persons);

			function User(name,age){

				contry = "China";//私有不可访问

				this.name = name;//公有可以访问（判断是否带this）

				this.age = age;

				this.canFly = false;

				this.eat = function() {

					console.info("吃饭");

				}

			}

			// 通过原型函数，继承覆盖toLocaleString方法

			User.prototype.toLocaleString = function(){

				return this.name + ":" + this.age + ":" + this.canFly;

			};

 			var user=new User();

 			user.eat();

 			console.info(user);

 			console.info ((user.name="guxingzhe") + ":" + (user.age=12) + ":" + user.canFly);

 			var users = new Array();

 			users.push(new User("guxingzhe1", 12));

 			users.push(new User("guxingzhe2", 12));

 			users.push(new User("guxingzhe3", 12));

 			console.info(users.toLocaleString());//类似java里面的toString

 			for(var i = 0; i < users.length; i++) {

 				console.info(users[i].name);

 			}

		}

		// 定义一个小车对象，里面有属性及方法

		// 本人理解为Java中对象里定义类静态方法，所以可以直接访问不用实例化在访问属性

		var car = {

			pointX:10,

			pointY:100,

			run:function() {

				console.info("run method");

			},

			stop:function() {

				console.info("stop method");

			},

			start:function() {

				console.info("start method");

			},

			point:function() {

				// 记得加this,不然会解析器认为是方法里面的属性，识别为未定义

				console.info(this.pointX + ":" + this.pointY);

			}

		}

		car.run();

		car.stop();

		car.start();

		car.point();

		// 对象方法

		function people(firstname, lastname, age, eyecolor) {

			this.firstname = firstname;

			this.lastname = lastname;

			this.age = age;

			this.eyecolor = eyecolor;

		}

		// 实例化一个对象方法

		people = new people("John", "Doe", 50, "blue");

		// 打印对象方法的属性

		console.info(people.firstname + " is " + people.age + " years old.");

		</script>

	</head>

	<body>

		<button onclick="myFunction()">触发</button>

	</body>

</html>

调试环境火狐+firebug.

运行效果如下：

javascript对象的理解的更多相关文章

  1. JavaScript对象的理解 及 字面量对象与数组的关系

    JavaScript的简单类型包括 数字.字符串.布尔值.null值.undefined值. 其他的值都是对象.对象是可变的键控集合.数组.函数.正则表达式都是对象. 对象是属性的容器,属性都是名字和 ...

  2. 深入理解javascript对象系列第二篇——属性操作

    × 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...

  3. js对象详解(JavaScript对象深度剖析，深度理解js对象)

    js对象详解(JavaScript对象深度剖析,深度理解js对象) 这算是酝酿很久的一篇文章了. JavaScript作为一个基于对象(没有类的概念)的语言,从入门到精通到放弃一直会被对象这个问题围绕 ...

  4. 谈谈对Javascript构造函数和原型对象的理解

    对象,是javascript中非常重要的一个梗,是否能透彻的理解它直接关系到你对整个javascript体系的基础理解,说白了,javascript就是一群对象在搅..(哔!).   常用的几种对象创 ...

  5. 理解JavaScript对象

    理解JavaScript对象 对象是JavaScript的基本数据类型.对象是一种复合值:将很多值(原始值或者其他对象)聚合在一起. JavaScript对象不仅可以保持自有的属性,还可以从原型对象继 ...

  6. 如何理解javaScript对象？

    在我们生活中,常常会提到对象一词,如:你找到对象了吗?你的对象是谁呀?等等. 在我们家庭中,有男友的女青年都会说我有对象了,那么她的对象是XX(她的男友). 夫妻间呢?都会说我的爱人是谁谁谁,现在我们 ...

  7. javascript对象的一点理解

    <script type="text/javascript"> /* js对象:对象的职责是调用属性和调用方法 */ //1.对象的创建的三种方式 var obj = ...

  8. JavaScript大杂烩3 - 理解JavaScript对象的封装性

    JavaScript是面向对象的 JavaScript是一种基于对象的语言,你遇到的所有东西,包括字符串,数字,数组,函数等等,都是对象. 面向过程还是面向对象? JavaScript同时兼有的面向过 ...

  9. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

随机推荐

  1. 继承PictureBox显示GIF的自定义控件实现

    处理GIF部分 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...

  2. Flex中的折线图

    1.问题背景 在Flex中,制作一个折线图.而且给折线图的横轴和纵轴进行样式设置,详细实现过程例如以下: 2.实现实例 (1)设置横轴样式和数据绑定 <mx:horizontalAxis> ...

  3. Android:Service的非绑定式的创建和生命周期

    Android的Service若使用非绑定式的创建,则创建后将无法再与它取得联系.即无法传递消息參数等: 所以假设希望创建后仍然与其存在联系,那么能够參考我的前几篇博客<Android:Serv ...

  4. 服务器上开启远程sqlserver小细节

    之前按网络上过程配置完成后,连接都很正常.今天看的时候,突然就连接不上了.弄了半天,终于知道问题在哪里了.

  5. Segment对象

    Segment对象是一个有起点和终点的“线“,也就是说Segement只有两个点,至于两点之间的线是直的,还是曲的,需要其余的参数定义. 所以Segment是由起点,终点和参数三个方面决定的.Segm ...

  6. Search 和 Select比较 - 浅谈

    Search 语法: public IFeatureCursor Search (    IQueryFilter filter,    bool Recycling); Select 语法: pub ...

  7. C#高级知识点概要(3) - 特性、自动属性、对象集合初始化器、扩展方法、Lambda表达式和Linq查询

    1.特性(Attributes) 特性(Attributes),MSDN的定义是:公共语言运行时允许你添加类似关键字的描述声明,叫做attributes, 它对程序中的元素进行标注,如类型.字段.方法 ...

  8. 【转】C++成员函数的存储方式

    [转] http://c.biancheng.net/cpp/biancheng/view/187.html 用类去定义对象时,系统会为每一个对象分配存储空间.如果一个类包括了数据和函数,要分别为数据 ...

  9. 4月13日 php

    用php打印乘法表: <html> <head> <title>我的第一个PHP页面</title> </head> <body> ...

  10. WCF消息

    1. MessageContract 序列化一个对象并生成消息的时候,希望将部分数据成员作为SOAP的报头,部分作为消息的主体.比如说,我们有一个服务操作采用流的方式进行文件的上载,除了以流的方式传输 ...