从代码中体会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. 实现Android 动态载入APK（Fragment or Activity实现）

    尊重原创:http://blog.csdn.net/yuanzeyao/article/details/38565345 近期由于项目太大了.导致编译通只是(Android对一个应用中的方法个数貌似有 ...

  2. CareerCup Chapter 9 Sorting and Searching

    9.1 You are given two sorted arrays, A and B, and A has a large enough buffer at the end to hold B. ...

  3. Ubuntu 搭建NDK环境

    一. NDK下载地址 https://developer.android.com/tools/sdk/ndk/index.html 二. NDK环境两种方式 NDK下载后,解压缩后放置于目录/home ...

  4. How to get multi-touch working(Linux and Andriod)

    1.在hid-ids.h中加入vid pid           2.在hid-multitouch..c->mt_devices[] 中加入          {                ...

  5. VirtualBox虚拟机网络设置

    VirtualBox虚拟机网络设置 测试环境:物理机win10企业版本,VirtaulBox版本5.0.14,虚拟机安装Windows XP及linux系统 想实现虚拟机上网的最简单方式,修改虚拟机网 ...

  6. Droppable(放置)组件

    ．加载方式 //class 加载方式 <div id="dd" class="easyui-droppable" data-options="a ...

  7. 【nodejs学习】0.nodejs学习第一天

    1.模块 大一点的程序都需要模块化,nodejs也不例外,代码放到不同的文件中,每一个文件就可以是一个模块,文件路径名就是一个模块名.每个模块中包含三个预先定义的变量: 1.require:用于在当前 ...

  8. 微信企业号 出现redirect_uri unauthorized 50001 解决办法

    在企业号内获得用户信息时,需要对域名授权,如果不授权会提示: redirect_uri unauthorized  50001 错误. 通常,我们会在 输入我们的授权域名. 今天在企业号内又新建了一个 ...

  9. H5原生拖拽事件

    使用原生js实现简单的拖拽事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

  10. ECSTORE导航吸顶功能

    ecstore导航吸顶功能,在导航父元素中加入id,如: <div id="mainNav1"></div> 在footer.html中添加以下js代码: ...