从代码中体会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. SD卡中FAT32文件格式高速入门（图文具体介绍）

    说明: MBR :Master Boot Record ( 主引导记录) DBR :DOS Boot Record ( 引导扇区) FAT :File Allocation Table ( 文件分配表 ...

  2. ibatis的selectkey

    在使用ibatis插入数据进数据库的时候,会用到一些sequence的数据,有些情况下,在插入完成之后还需要将sequence的值返回,然后才能进行下一步的操作.       使用ibatis的sel ...

  3. Nuget找不到服务器

    Nuget的新地址 http://nuget-prod-v2gallery.trafficmanager.net/api/v2/

  4. Unity用户自定义圆角头像

    前天朋友遇到一个这样的需求,而且比较棘手让我帮忙解决.需求就是棋牌类的游戏,玩家的个人资料中包括自己的头像而且可以浏览相册中的图片或者使用相机拍照设置.关于这个问题我也查阅一些资料,由于涉及安卓部分知 ...

  5. JQuery 获取checkbox被选中的值

    html代码  <ul id="dxbox">                               <li><input type=" ...

  6. jsp DAO设计模式

    DAO(Data Access Objects)设计模式是属于J2EE体系架构中的数据层的操作. 一.为什么要用DAO? 比较在JSP页面中使用JDBC来连接数据库,这样导致了JSP页面中包含了大量的 ...

  7. android上line-height的问题

    关于line-height大家应该非常熟悉了吧,就是用来做垂直居中的,屡试不爽,基本上没有什么问题,但是最近一个项目,测试提了一个bug,看图吧. 从别处窃的图,这个问题只有安卓上才能复现,做了dem ...

  8. IDEA 运行 控制台显示一堆乱码，一些问号

    如下: 问题: 配置程序运行参数的时候,配置到了"VM options",应该为配置到"Program arguments",如图:

  9. cocos2dx SpriteBatchNode 精灵的渲染优化类

    用处是减少对精灵的渲染次数,用法如下 SpriteFrameCache::getInstance()->addSpriteFramesWithFile("person.plist&qu ...

  10. php连接mysql的一些方法总结

    为了能让PHP连接MSSQL,系统需要安装MSSQL,PHP,且在PHP.ini中的配置中,将       ;extension=php_mssql.dll前面的;去掉 1.连接MSSQL       ...