由于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. InterviewProblems

    package com.xiaoysec; /** * 下面是面试趣医网技术面的时候出现的一个简单的题目 题目的要求是将一个数组中的奇数和偶数进行分离 以奇数在前一部分为例进行解题 * 算法的主要思想 ...

  2. windows迁移linux问题集锦[ZZ]

    http://blog.csdn.net/m_star_jy_sy/article/details/8482202 1)‘_wcsicmp’在此作用域中尚未声明 #ifdef WIN32#define ...

  3. JavaWeb核心编程之(三.3)Servlet Init 配置

    Servlet初始化 可以传入一些参数 通过 <init-param>来配置 新建 servletinit项目 新建包 com.xiaoan.test->new Class(Test ...

  4. 监控mysql执行的sql语句

    linux平台 监控mysql执行的sql语句   为了做好配合开发做性能和功能测试,方便监控正在执行的sql语句, 可以在/etc/mysqld中添加如下:  log =/usr/local/mys ...

  5. Android 通过HTTP GET请求互联网数据

    @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); s ...

  6. jitpack让使用第三方依赖库更简单

    在开发过程中,使用第三方优秀依赖库是个很常见的问题,有的时候是maven,或者gradle, 或者sbt,大部分库工程,都会有对应的gradle,maven依赖代码,但是有的没有,尤其是使用的snap ...

  7. Js把URL中的参数解析为一个对象

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. mysql函数操作

    <?php try{ $dbh = new PDO('mysql:dbname=testdb;host=localhost', 'mysql_user', 'mysql_pwd'); }catc ...

  9. html5test

    html5test Github https://github.com/NielsLeenheer/html5test 主程序是 scripts/7/engine.js 目前看到的分类大部分是基于判断 ...

  10. 退货行RMA编号改为必输选项

    应用 Oracle Inventory 层 Level Function 函数名 Funcgtion Name RCV_RCVTXERE 表单名 Form Name RCVTXERE 说明 Descr ...