由于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. Scala数组操作实战详解

    增删改查,要注意的是,Array数组是定长数组,ArrayBuffer数组才是变长数组. 其他集合也存在可变不可变.例如,List,Set,Map 多维数组定义方法与Java类似.

  2. [方法] ubuntu12.04开启root账户

    ubuntu 12.04使用LightDM显示管理器,默认禁止root账户登录. 通过修改/etc/lightdm/lightdm.con文件可以打开root登录权限. 方法很简单,只要在lightd ...

  3. 如果有三个Bool型变量，请写出一程序得知其中有2个以上变量的值是true

    下面这篇文章是从StackOverflow来的.LZ面试的时候遇到了一道面试题:“如果有三个Bool型变量,请写出一程序得知其中有2个以上变量的值是true”,于是LZ做了下面的这样的程序: bool ...

  4. Unix/Linux环境C编程入门教程(13) 开发环境搭建VMware软件安装

    VMware(中文名威睿",纽约证券交易所"代码:VMW) 虚拟机软件,是全球桌面到数据中心虚拟化解决方案的领导厂商.全球不同规模的客户依靠VMware来降低成本和运营费用.确保业 ...

  5. uva 10129 poj 1386 hdu 1116 zoj 2016 play on words

    //本来是想练一下欧拉回路的,结果紫书上那题是大水题!!!!! 题意:给出n个单词,是否可以把单词排列成每个单词的第一个字母和上一个单词的最后一个字母相同 解:欧拉通路存在=底图联通+初度!=入度的点 ...

  6. 强制杀oracle进程

    强制杀oracle进程: for p in `ps -ef| grep ora| awk '{print $2}'`;do kill -9 $p;done 修改 oracle xe 默认中文字符集成为 ...

  7. ultravnc

    virsh attach-disk

  8. 面向对象程序设计-C++_课时19const_课时20不可修改的

    error C2131: 表达式的计算结果不是常数 #include <iostream> using namespace std; void main() { ; int finalGr ...

  9. window.open打开新页面，并将本页数据用过url传递到打开的页面；需要两个页面；

    页面1 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8 ...

  10. C++中的随机数函数(

    标签:ul 随机数 c 整数 max 教育  C++中产生随机数种子对于刚開始学习的人一直都非常困惑．大家知道,在C中有专门的srand(N)函数能够轻松实现这一功能,然而在C++中则要复杂一些．以下 ...