从代码中体会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. java Date获取 年月日时分秒

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...

  2. 路由器WAN口和LAN口详解

    前一阵子做路由器的联网,由于利用了Openwrt操作系统,做起来虽然方便,但是很多原理细节都被忽略了.所以这里再来老生常谈一下wan口和lan口的区别,以及他们之间的工作原理. 首先百度一下,基本知识 ...

  3. cocos2d-x v3.2 FlappyBird 各个类对象详细代码分析(7)

    今天我们介绍最后两个类 GameOverLayer类 GameLayer类 GameLayer类是整个游戏中最重要的类,由于是整个游戏的中央系统,控制着各个类(层)之间的交互,这个类中实现了猪脚小鸟和 ...

  4. 解决svn状态图标不显示的办法

    SVN是一款出色的代码版本控制工具,大部分开发者都在使用.由于前不久刚做了系统,所以要重装一下SVN,结果就出了问题,问题就是,不管是文件处于什么状态他的提示图标都不显示,这就太不给力了吧.通过搜寻, ...

  5. oracle 按某个字段查询重复数据

    /* 手机号为重复的会员,获取其最大会员id,对应的会员信息 */ SELECT * FROM MEMBER a WHERE a.member_id IN ( SELECT MAX(member_id ...

  6. C#基础语法总结

    C#笔记——基础篇 一．入门知识 VS中的常用快捷键 Ctrl+K+D:快速对齐代码 Ctrl+Z:撤销 Ctrl+S:保存(一定要经常保存!) Ctrl+J:快速弹出智能提示 Shift+End . ...

  7. easyui-form添加自定义表单验证

    easyui自定义表单验证规则其实不是很复杂,只要重写一下重写 $.fn.validatebox.defaults.rules 自定义示例 $.extend($.fn.validatebox.defa ...

  8. Sass的控制命令（循环）

    @if@if指令是一个SassScript,它可以根据条件来处理样式块,如果条件为true返回一个样式块,反之false返回另一个样式块.在Sass中除了@if,还可以配合@else if和@else ...

  9. Could not find the Visual SourceSafe Internet Web Service connection information

    Visual SourceSafe Internet---------------------------Could not find the Visual SourceSafe Internet W ...

  10. 关于winform主题IrisSkin2的编写

    第一步:首先引用IrisSkin2.dll. 第二步自定义类: /// <summary> /// 窗体主题边界类 /// </summary> public class Fo ...