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. uiautomatorviewer 可以查看到android中的web 元素信息

    以知乎社区账号登录使用微博账号为例,使用uiautomatorviewer 可以定位到登录框.密码框,需要结合appium的inspector 1.genymotion 模拟器开启,模拟器安卓系统为4 ...

  2. js练习【DOM操作】

    完成效果: 演示地址:http://codepen.io/anon/pen/jPbYWq HTML: <!DOCTYPE html> <html lang="en" ...

  3. 分享一个option样式传递给select当前选中样式

    今天遇到一个很是纠结的问题,需求又改了!原生的select给option加样式,结果发现select选中仍是默认样式,如下图:

  4. CentOS系统、Jdk、Tomcat安装实战

    CentOS系统.Jdk.Tomcat安装实战                                                     第一次接触Liunx系统,都说J2EE系统在Li ...

  5. 读书笔记-HBase in Action-第二部分Advanced concepts-(2)Coprocessor

    Coprocessor是HBase 0.92.0引入的特性.使用Coprocessor.能够将一些计算逻辑下推到HBase节点,HBase由一个单纯的存储系统升级为分布式数据处理平台. Coproce ...

  6. MongoDB 的 MapReduce 大数据统计统计挖掘

    MongoDB虽然不像我们常用的mysql,sqlserver,oracle等关系型数据库有group by函数那样方便分组,但是MongoDB要实现分组也有3个办法: * Mongodb三种分组方式 ...

  7. html中行内元素与块级元素的区别。

    在标准文档流里面,块级元素具有以下特点 1.总是在新行上开始,占据一整行: 2.高度,行高以及外边框和内边距都可以控制: 3.宽度始终是与游览器宽度一样,与内容无关: 4.它可以容纳内联元素和其他块级 ...

  8. 原生js获取body

    1. doucumnet.body 2. document.getElementsByTagName("body")[0]

  9. javascript---String与Arry

    var str = "liuzhanqi"; document.write(str["length"]);//等价str.l ength var str = s ...

  10. MVC4过滤器（转）

    先来看看一个例子演示过滤器有什么用: public class AdminController : Controller { // ... instance variables and constru ...