`

JS面向对象编程(对象创建)

 
阅读更多
//构造函数
function Animal(name, sound, age) {
this.name = name;
this.sound = sound;
this.age = age;
}

//类属性
Animal.description = 'animal';

//类方法
Animal.descript = function() {
document.write('This is a /'' + this.description + '/' class!<br>');
}

//实例方法
Animal.prototype = {
sayName:function(str) {
document.write('My name is:' + this.name + str + '<br>');
},
shout:function() {
document.write('My sound is:' + this.sound + '!!!<br>');
},
sayInfo:function() {
document.write('Name = ' + this.name + '; Age = ' + this.age + '<br>');
}
};

//测试类
Animal.descript();
var dog = new Animal('dog', 'wang wang', 5);
var cat = new Animal('cat', 'miao miao', 3);
dog.sayName('.--wang');
cat.sayName('.--miao');
dog.shout();
cat.shout();
dog.sayInfo();
cat.sayInfo();

//输出
/**
* This is a 'animal' class!
* My name is:dog.--wang
* My name is:cat.--miao
* My sound is:wang wang!!!
* My sound is:miao miao!!!
* Name = dog; Age = 5
* Name = cat; Age = 3
**/
分享到:
评论

相关推荐

    JavaScript面向对象编程

    JavaScript面向对象编程 在JavaScript对象笔记中,记录的都是内置对象的使用,而本文的目的是学习如何创建自己的对象,如何在JS中进行面向对象编程,并且以这些为指导编写实用的工具。

    面向对象js开发钟表

    面向对象js开发钟表,这相当于一个插件,可以进行自己的设计,传入相应的参数,就可以设置属于自己的钟表,前提是引入js文件

    js对象创建,事件委托测试

    js对象创建,事件委托测试,this apply call

    写给大家看的面向对象编程书(第3版).[美]Matt Weisfeld(带详细书签).pdf

    本书是一部独具特色的面向对象技术著作。书中结合代码示例生动透彻地讲述了面向对象思想的精髓,让读者真正学会以对象方式进行思考。此外,本书还讨论了各种与面向对象概念密切相关的应用主题,包括XML、UML建模语言...

    浅谈javascript 面向对象编程

    感叹是为了缓解严肃的气氛并引出今天要讲的话题,”javascript面向对象编程”,接下来,我们围绕面向对象的几大关键字:封装,继承,多态,展开。 封装:javascript中创建对象的模式中,个人认为通过闭包才算的上是...

    老鱼 浅谈javascript面向对象编程

    感叹是为了缓解严肃的气氛并引出今天要讲的话题,”javascript面向对象编程”,接下来,我们围绕面向对象的几大关键字:封装,继承,多态,展开。 封装:javascript中创建对象的模式中,个人认为通过闭包才算的上是...

    深入理解JavaScript系列(17):面向对象编程之概论详细介绍

    在本篇文章,我们考虑在ECMAScript中的面向对象编程的各个方面(虽然以前在许多文章中已经讨论过这个话题)。我们将更多地从理论方面看这些问题。 特别是,我们会考虑对象的创建算法,对象(包括基本关系 – 继承)...

    javascript面象对象编程

    面向对象思想中,最核心的概念之一是类。 类:对一组属性及方法的集合。 二、函数 函数定义方法 函数声明后加括号 – 创建完成后立即调用执行 函数对象和其它内部对象的关系 – 对于Function, Object, Array, Date...

    DWR开发包常规客户端服务器端面向对象编程

    dwr开发包,常规客户端服务器端面向对象编程。 基于Spring,在服务器端配置: &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" ...

    worldwindjava源码-javascript-oop:面向对象编程和面向对象JavaScript

    中的面向对象编程 学习目标 使用构造函数生成特定类型的对象。 使用构造函数将属性附加到新对象。 回想一下在构造函数中定义方法的成本。 通过将自定义对象附加到原型来定义自定义对象的方法。 使用 ES6 类语法重构...

    Javascript面向对象编程(二) 构造函数的继承

    今天要介绍的是,如何生成一个”继承”多个对象的实例。 比如,现在有一个”动物”对象的构造函数, 代码如下: function Animal(){ this.species = “动物”; } 还有一个”猫”对象的构造函数, 代码如下: function ...

    oop.js:浏览器的经典面向对象编程

    Oop.js - Javascript 类构造 像许多其他人一样,这是我在 javascript 中创建“经典”类的尝试。 我的动机是因为我喜欢传统课程的外观。 原型类就是如此分段和冗长。 那可能有点幼稚和短视,但它对我有用,对其他人也...

    tangramjs:在 JavaScript 中用于无类面向对象编程的库

    七巧板一个用于 JavaScript 中无类面向对象编程的库。 我曾经认为 JavaScript 的重要创新是原型继承。 我现在认为它是无类的面向对象编程。 我认为这是 JavaScript 给人类的礼物。 这就是使它真正有趣、特别和重要的...

    面向对象的编程思想在javascript中的运用上部

    其实,面向对象的思想是独立于编程语言的,例如在C#中,在一个静态类的静态方法中,按照过程式开发调用一系列静态函数,我们很难说这是面向对象的编程,相反,象jquery和extjs这样优秀的javascript库,却处处体现着...

    前端关于JS的面向对象概念

    面向对象是一种编程思想,不是语法 我们一般写的代码是通过逻辑分析,先做什么,再做什么,关注到其中的每一个过程 – 面向过程 – 关注于过程的一种思想 面向对象和面向过程实现的效果是一样的,只不过在写的方面,...

    javascript 面向对象编程 function也是类

    function在javascript中用来创建函数或方法,但要想实现面向对象方式的编程,类是不可或缺的角色之一,而且是主角。

    javaScript函数式编程

    JavaScript 是近年来非常受瞩目的一门编程语言,它既支持面向对象编程,也支持函数式编程。本书专门介绍JavaScript函数式编程的特性。 全书共9章,分别介绍了JavaScript函数式编程、一等函数与Applicative编程、变量...

    javascript 面向对象编程 function是方法(函数)

     javascript中的function可以用来创建方法、也可以用来创建类,实际上我们可以认为是用function来模拟出的类(说到类一般都会要去了解闭包的知识)。还是先看一下方法吧。  javascript函数分为有名函数、匿名函数和...

    protolib:使用原型系统进行面向对象编程的 Javascript 库

    原型库protolib是一个 Javascript 库,用于使用原型系统进行面向对象编程。 它基于的文章 。安装新产品管理要将protolib安装到项目中,请在项目的根目录中输入以下命令。 npm install protolib --save鲍尔要使用将...

Global site tag (gtag.js) - Google Analytics