JavaScript对象的定义：

在js中函数极为对象，对象分为二种：对象字变量产生的对象连接到Object.prototype；函数对象连接到Function.prototype

方法：当一个函数被保存为对象的一个属性时，我们称它为一个方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>JavaScript中的类</title>

<script type="text/javascript">

//-------第一种:函数自变量

// 创建Object类的实例,所有直接用花括号括起来的都属于Object类，这种创建的类不用实例化

//!!!不推荐使用

var obj = {

    property:'this is a property.',

    method:function(){

        return 'I am a method.'

    }

};

// 调用方法：

console.info('property：'+obj.property+'\nmethod：'+obj.method());

//---------------第二种：函数对象

// 自定义类:其实在JavaScript中一个函数就是一个类,调用的时候必须进行实例化  -->可以使用

// ！每个实例化的类都会有三个属性，只是其中一个属性是方法而已

function User(name,age){    // 虽然对类名没有强制要求，但建议类名进行大写

    // 创建属性

    this.name = name ;

    this.age = age ;

    //创建方法

    this.getInfo = function(){

        // 获得实例的变量必须加上this

        return 'name-->'+this.name+'\nage-->'+this.age ;

    }

}

// 调用方法

// 实例化

var user  = new User() ;

console.info(user.getInfo());

//基于prototype进行创建    每个实例化的对象都公用统一的方法 -->强烈推荐使用

// 性能上和维护方面都是最好的

function Person(name,age){

    this.age = age ;

    this.name = name ;

}

Person.prototype.getInfo = function(){

     return 'name-->'+this.name+'\nage-->'+this.age ;

};

// 调用方法

// 实例化

var person = new Person();

console.info(person.getInfo());

</script>

</head>

<body>

<button onclick="javascript:alert('属性：'+obj.property+'\n方法：'+obj.method())" >第一：创建Object类的实例(不推荐)</button>

<button onclick="javascript:alert(new User('tom',12).getInfo())" >第二：自定义类(可以使用)</button>

<button onclick="javascript:alert(new Person('tom',12).getInfo())" >第三：基于原型prototype(推荐使用)</button>

</body>

</html>

JavaScript面向对象之类的创建的更多相关文章

  1. JavaScript面向对象—对象的创建和操作

    JavaScript面向对象-对象的创建和操作 前言 虽然说在JavaScript编程语言中,函数是第一公民,但是JavaScript不仅支持函数式编程,也支持面向对象编程.JavaScript对象设 ...

  2. javascript面向对象 用new创建一个基于原型的javascript对象

    //创建一个类 其实就是个对象 var Student={ name:"robot", height:1.6, run:function(){ console.log(this.n ...

  3. JavaScript面向对象—继承的实现

    JavaScript面向对象-继承的实现 前言 面向对象的三大特性:封装.继承和多态.上一篇我们简单的了解了封装的过程,也就是把对象的属性和方法封装到一个函数中,这一篇讲一下JavaScript中继承 ...

  4. JavaScript学习笔记(三)——this、原型、javascript面向对象

    一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...

  5. JavaScript学习总结(三)——this、原型、javascript面向对象

    一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...

  6. javascript面向对象系列第三篇——实现继承的3种形式

    × 目录 [1]原型继承 [2]伪类继承 [3]组合继承 前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承.本文是javascript面向对象系列第三篇——实现继承的3种形式 [ ...

  7. javascript面向对象系列第一篇——构造函数和原型对象

    × 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如 ...

  8. Javascript面向对象(封装、继承)

    Javascript 面向对象编程(一):封装 作者:阮一峰 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象.但是,它又不是一种真正的面向对象编程( ...

  9. 【转】javascript面向对象编程

    摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...

随机推荐

  1. struts配置，略记

    <!-- <listener> <listener-class>org.springframework.web.context.ContextLoaderListener ...

  2. Java IO教程 导读

    Java IO是一套java 用来读写数据(输入和输出)的API.大部分程序都要处理一些输入,并有输入产生一些输出.Java为此提供了java.io包. 如果你浏览下java.io包,会对其中各样的类 ...

  3. 高效求幂取余 算法，复杂度 log(n)

    做TopCoder SRM 576 D2 L3 题目时,程序有个地方需要对一个数大量求幂并取余,导致程序运行时间很长,看了Editoral之后,发现一个超级高效的求幂并取余的算法,之前做System ...

  4. Android Xfermode 实战 实现圆形、圆角图片

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/42094215,本文出自:[张鸿洋的博客] 1.概述 其实这篇本来准备Androi ...

  5. Hacker（17）----认识Windows系统漏洞

    Windows系统是迄今为止使用频率最高的操作系统,虽然其安全性随着版本的更新不断提高,但由于人为编写的缘故始终存在漏洞和缺陷.但Mircosoft公司通过发布漏洞补丁来提高系统的安全性,使Windo ...

  6. sqlserver中的rowversion

    rowversion 公开数据库中自动生成的唯一二进制数字的数据类型.rowversion通常用作给表行加版本戳的机制,存储大小为8字节.rowversion数据类型只是递增的数字,不保留日期或时间. ...

  7. arraylist与List<>

    arraylist 不用规定 类型 list<>用规定类型 推荐list 这个编译检查类型  出错率低 代码质量高

  8. 最小生成树prim算法———模板

    codevs.cn 最优布线问题 #include<cstdio>#include<cstring> bool u[101]; int g[101][101],minn[101 ...

  9. （原）torch7中添加新的层

    转载请注明出处: http://www.cnblogs.com/darkknightzh/p/6069627.html 参考网址: http://torch.ch/docs/developer-doc ...

  10. HDU 3001 状压DP

    有道状压题用了搜索被队友骂还能不能好好训练了,, hdu 3001 经典的状压dp 大概题意..有n个城市 m个道路  成了一个有向图.n<=10: 然后这个人想去旅行.有个超人开始可以把他扔到 ...