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. npm 和 bower的区别

    npm和bower在功能上有一定的重合,但不是互斥关系,可以在项目中同时运用.区别在于npm在设计之初就采用了的是嵌套的依赖关系树.一个普通的前端包的依赖树比较长,npm 会将开发环境一起下载下来,  ...

  2. java_IO流小结

    字符流和字节流的主要区别: 1.字节流读取的时候,读到一个字节就返回一个字节:  字符流使用了字节流读到一个或多个字节(中文对应的字节数是两个,在UTF-8码表中是3个字节)时.先去查指定的编码表,将 ...

  3. MVC 区域模块

    mvc4.0新增的area区域机制,可以协助你在架构较为大型的项目,让独立性较高的部分功能独立成一个MVC子网站,以降低网站与网站之间的耦合性,也可以通过area的切割,让多人同时开发同一个项目时候, ...

  4. iOS开发：深入理解GCD 第一篇

    最近把其他书籍都放下了,主要是在研究GCD.如果是为了工作,以我以前所学的GCD.NSOperation等知识已经足够用了,但学习并不仅仅知识满足于用它,要知其然.并且知其所以然,这样才可以不断的提高 ...

  5. js练习【DOM操作】

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

  6. Javascript&Jquery获取浏览器和屏幕各种高度宽度方法总结及运用

    <js篇> Javascript获取浏览器和屏幕各种高度宽度方法总结 document.body.clientWidth       //网页可见区域宽(body) document.bo ...

  7. Winform改变Textbox边框颜色（转）

    namespace MyTextBoxOne { //使用时必须把文本框的BorderStyle为FixedSingle才能使用 //一些控件(如TextBox.Button等)是由系统进程绘制,重载 ...

  8. 重写OnPaint事件对窗体重绘（显示gif动画） 实例2

    /// <summary> /// 可显示Gif 的窗体 /// </summary> public class WinGif : Form { private Image _ ...

  9. silverlight+wcf 获得web参数

    可以由wcf直接得到参数 ,具体代码如下: using System;using System.Linq;using System.Runtime.Serialization;using System ...

  10. Contains Duplicate,Contains Duplicate II,Contains Duplicate III

    217. Contains Duplicate Given an array of integers, find if the array contains any duplicates. Your ...