从代码中体会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. 300元差价选谁好 魅蓝note对比魅蓝手机

    http://mobile.pconline.com.cn/608/6089437.html [PConline 对比评测]999元的魅蓝note和699元的魅蓝手机先后被发布,代表着魅族中低端手机已 ...

  2. [ES6] Objects vs Maps

    Map is really useful when you want to use object as a key to set vaule, in ES5, you cannot really us ...

  3. [iOS] App引导页的简单实现 (Swift 2)

    转载请注明出处:http://www.jianshu.com/p/024dd2d6e6e6# 已更新至 Xcode7.2.Swift2.1 在第一次打开App或者App更新后通常用引导页来展示产品特性 ...

  4. 在桌面Linux环境下开发图形界面程序的方案对比

    在Linux下开发GUI程序的方法有很多,比如Gnome桌面使用GTK+作为默认的图形界面库,KDE桌面使用Qt作为默认的图形界面库,wxWidgets则是另一个使用广泛的图形库,此外使用Java中的 ...

  5. Win7_x64下卸载Oracle11g

    Windows下Oracle11g卸载顺序1.计算机管理-->服务和应用程序-->停止所有Oracle相关服务2.运行D:\app\Administrator\product\11.2.0 ...

  6. Maven初识

    说说maven,我们每做一个项目,都要往lib目录扔很多jar包,spring的啊hibernate的啊apache的啊等等,这样就会导致很多包不知从哪个角落下载回来的,名称千奇百怪,版本也不明,项目 ...

  7. django: db howto - 1

    以在 Django 中使用 MySQL 为例,首先要安装 MySQL 和 MySQL-python 组件,确保 python 能执行 import MySQLdb. MySQL 中创建数据库: [ro ...

  8. Head First HTML与CSS — 为你的页面加图像

    HTML中我们用img标签插入图像,在Web中常用的有三种:JPEG, PNG,GIF. 简单来讲,JPEG适合照片和复杂图像使用,而PNG或GIF适合单色图像.logo.和几何图形使用. JPEG: ...

  9. pd的django To do list教程-----（2）models模型的建立

    1:在models.py中建表 from django.db import models class Tcontent(models.Model): content = models.CharFiel ...

  10. js库编写的环境和准备工作

    在编写一个js库之前需要准备许多基础知识. 本人在编写之前主要参考了visjs和百度的echarts这两个库的部分内容,这之中提取出几个要点如下: 1.如何整理代码结构,使模块与模块分开又不至于出现调 ...