由于javascript中定义了一个函数就相当于定义了一个类，我们当然可以创建一个这个类的对象。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

<script type="text/javascript">

function Person(name,age)

{

	//定义了一个Person属性name

	this.name = name;

	//定义了一个Person属性age

	this.age  = age;

	//定义了一个Person属性address

	this.address = "harbin";

}

//创建了一个对象p1是Person对象

var p1 = new Person("maybe",21);

alert(p1.name+","+p1.address);

var p2 = new Person("gossip",21);

p2.address = "shanghai";

alert(p2.name+","+p2.address);

</script>

 </head>

 <body>

 </body>

</html>

虽然java和javascript根本是两种东西，但这段代码应该很好理解。

首先定义了一个Person类，定义类的属性的方法非常简单，直接用this就可以定义，但是不用this去定义，会出现什么后果呢？我们在类添加一个变量sex，赋值为"male"。

function Person(name,age)

{

	//定义了一个Person属性name

	this.name = name;

	//定义了一个Person属性age

	this.age  = age;

	//定义了一个Person属性address

	this.address = "harbin";

	var sex="male";

}

输出代码如下：

alert(p1.name+","+p1.address+","+p1.sex);

运行结果：

显示为undefined，未定义的原因是我们并没有用this来定义属性，如果只是简单的定义一个变量，那么它只是一个局部变量，并不是一个类的属性，这一点要弄明白。同理我们在类里随便定义函数，也是不能直接用的，比如：

function Person(name,age)

{

	//定义了一个Person属性name

	this.name = name;

	//定义了一个Person属性age

	this.age  = age;

	//定义了一个Person属性address

	this.address = "harbin";

	var sex="male";

	function say()

	{

		alert("saying");

	}

}

添加代码：

var p1 = new Person("maybe",21);

alert(p1.name+","+p1.address+","+p1.sex);

p1.say();

当运行到p1.say时，会出现错误：

对于变量我们已经解决了，那么方法怎么可以直接通过对象调用呢？

方法很简单。还是利用this：

function Person(name,age)

{

	//定义了一个Person属性name

	this.name = name;

	//定义了一个Person属性age

	this.age  = age;

	//定义了一个Person属性address

	this.address = "harbin";

	var sex="male";

	this.say = function()

	{

		alert("saying");

	}

}

定义一个Person的say属性指向function，这样就能成功调用函数了。

javascript简单对象创建的更多相关文章

  1. JavaScript中创建类，赋值给ajax中的data参数

    缘由:因为要给根据是否选中checkbox来动态增加ajax中data的属性(ajax的data属性格式的几种方法,参考http://www.jb51.net/article/46676.htm) d ...

  2. JavaScript中创建字典对象（dictionary）实例

    这篇文章主要介绍了JavaScript中创建字典对象(dictionary)实例,本文直接给出了实现的源码,并给出了使用示例,需要的朋友可以参考下 对于JavaScript来说,其自身的Array对象 ...

  3. 简单使用JSON,JavaScript中创建 JSON 对象(一)

    JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. ...

  4. JavaScript Cookies,创建,获取cookies value

    什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie ...

  5. JavaScript中创建数组的方式！

    JavaScript中创建数组的方式! 利用数组字面量 // 1 直接量 console.log(Array.prototype); var arr = [1, 2, 4, 87432]; // 注意 ...

  6. javascript面向对象创建高级 Web 应用程序

       目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript ...

  7. Javascript对象创建

    一.概述 虽然对象字面量可以用来创建对象,但在创建多个类似的对象时,不够优雅,不符合DRY原则. 二.创建对象 有以下几种模式: 1.工厂模式 2.构造函数模式 3.原型模式 4.组合构造函数和原型模 ...

  8. javascript动态创建script标签,加载完成后调用回调

    代码如下: var head = document.getElementsByTagName('head')[0]; var script = document.createElement('scri ...

  9. JavaScript基础——创建函数

    JavaScript的最重要的一个部分是制作其他代码可以重用的代码.要做到这一点,你可以把代码组织成执行特定任务的函数.函数是结合在一个单一的块中,并给予一个名称的一系列代码语句.然后,你就可以通过引 ...

随机推荐

  1. “-="的陷阱

    1.有如下代码(显示下拉框时,屏幕最大化右键菜单的显示坐标处理): 起初: Rectangle rect = System.Windows.Forms.SystemInformation.Virtua ...

  2. HTTP填坑

    HTTP知识填坑 .note-content {font-family: "Helvetica Neue",Arial,"Hiragino Sans GB",& ...

  3. hadoop笔记之Hive的数据存储(视图)

    Hive的数据存储(视图) Hive的数据存储(视图) 视图(view) 视图是一种虚表,是一个逻辑概念:可以跨越多张表 既然视图是一种虚表,那么也就是说用操作表的方式也可以操作视图 但是视图是建立在 ...

  4. Javascript 学习笔记 无缝滚动

    效果 : 鼠标移入图片 停止滚动, 鼠标移出自动滚动 可以调整向左或右方向滚动 <style type="text/css"> * { margin:; padding ...

  5. 记一次C++与lua连接

    今晚,花了两个多钟折腾lua和c++的互连,终于成功了,觉得有必要记录下来.说实话,搜索引擎真是有利有弊,利在你有地方搜答案,弊则在于你半天都找不到正确的答案甚至找到误导你的答案,今晚更加加深了我的体 ...

  6. Sql Server数据库快照初探

    什么是快照 数据库快照是 SQL Server 数据库(源数据库)的只读静态视图.换句话说,快照可以理解为一个只读的数据库.利用快照,可以提供如下好处: 提供了一个静态的视图来为报表提供服务 可以利用 ...

  7. uber在限制新司机加入了，看看新政策把

    您可以点击“车主奖励分组查询”输入您在系统注册的手机号查询您所在奖励分组 5月25日-5月31日 奖励明细 1. 成都优步合作车主第一组 奖励政策: (账户激活时间在2015年5月29日之前) *以下 ...

  8. Extjs 4 生成饼状图的例子

    前台: //远程抄表设备下落图表数据 var Store1 = new Ext.data.Store({ <span style="white-space:pre"> ...

  9. 从零开始学习UNITY3D(GUI篇)

    邻近年底,心也有些散乱,加上工作忙了一阵,在达内培训的课程也落下了不少.对unity3d的热度似乎也有点点下降.痛定思痛,又在淘宝上买了写蛮牛网的视频.总之不管是用任何手段都要逼着自己不要浪费了培训的 ...

  10. web前端学习之路

    test 随着自己对于web前端知识了解的越多,越来越发现自己真的好菜 一脸茫然阶段 两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的 ...