Prototype使用Class

1.前言

Class对象主要提供如下的两个方法。

1) create([superclass][,methods…]):定义一个新类，该新类继承superclass类里所有方法。

2) addMethod(methods):扩展已有的类，该方法为一个已有的类新增方法，或者覆盖原有的方法。

2.例子

<!DOCTYPE html>
<html>
<head><meta name="author" content="OwenWilliam" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> 使用Class </title>
</head>
<body>
<script src="../../prototype.js" type="text/javascript">
</script>
<script type="text/javascript">
// 定义一个新类
var Person = Class.create({// initialize方法就是构造器initialize: function(name, age){this.name = name;this.age = age;},// 定义一个普通方法info: function(){alert(this.name + "的年龄是: " + this.age );}
});
// 创建Person类的实例
var p = new Person('yeeku' , 30);
// 调用方法
p.info();
// 定义Student继承Person
var Student = Class.create(Person ,
{// 定义新的构造器，$super形参代表父类同名方法initialize: function($super , name , age , grade){$super(name, age);this.grade = grade;},// 定义一个普通方法study: function(){// 调用从Person继承到的info()方法this.info();alert("我上 " + this.grade + " 年级");}
});
// 创建Student对象
var s = new Student('wawa' , 8 , 3);
// 调用方法
s.study();
</script>
</body>
</html>

3.运行结果

Prototype使用Class相关推荐

【Spring】bean的作用域（@Scope） - singleton、prototype
已知spring 3+已拥有多种不同的作用域: singleton(默认).prototype.request.session.global session.(参考: spring中scope作用域( ...
细心看完这篇文章，刷新对Javascript Prototype的理解
var person={name:'ninja'}; person.prototype.sayName=function(){return this.name; } 分析上面这段代码,看看有没有问题? ...
几个比较冷门的prototype扩展方法：去掉html标签、去掉a标签、去掉style样式，以及判断是否为html代码的代码片段
/*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/ String.prototype.stripHTML = function (isRemoveNewLine) {var ...
javascript数组排序和prototype详解
原型的概念::原型对象里的所有属性和方法被所有构造函数实例化出来的对象所共享,类似于java中的 static 正因为共享所以单一的操作就会影响了全局,因此使用时需注意基于prototype:为 ...
设计模式之C#实现---- ProtoType
作者: cuike519的专栏 http://blog.csdn.net/cuike519/ 该模式的意图是:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象.那么首先我们应该已经有 ...
设计模式之原型模式(Prototype)摘录
23种GOF设计模式一般分为三大类:创建型模式.结构型模式.行为模式. 创建型模式包括:1.FactoryMethod(工厂方法模式):2.Abstract Factory(抽象工厂模式):3.Sin ...
JS 面向对象编程之原型（prototype）
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. function Person(first, last) {this.first = first;this.l ...
Javascript - prototype、__proto__、constructor
最近看了很多文章,想要更通透的搞懂JS中的prototype.__proto__与constructor属性,从各个博主的文章里摘取了我认为可以有助于理解的一些内容,希望自己能够掌握好这一重要知识点的 ...
js:深入prototype（下：原型重写）
//当属性和方法特别多时,编写起来不是非常方便,能够通过json的格式来编写 //因为原型重写.并且没有通过Person.prototype来指定,此时的constructor不会再指向Person而 ...
javascript之prototype总结常用方法
//去左右空格 String.prototype.trim = function() { return this.replace(/^\s*|\s*$/g,''); } //去空格添加至数组集 ...

Prototype使用Class

1.前言

2.例子

3.运行结果

Prototype使用Class相关推荐

最新文章

热门文章