ProtoType学习
1.采用protoType之前
<html>
<body>
<script>
function MyObject(name,age){
this.age=age;
this.name=name;
}
MyObject.tellName=function(){
alert("name"+this.name);
}
MyObject.tellAge=function(){
alert("age"+this.age);
}
var o=new MyObject("VerRan","23");
</script>
<input type="button" onclick="o.tellName()" value="TellName"><br>
<input type="button" onclick="o.tellAge()" value="TellAge">
</body>
</html>
上面的方法是写在构造方法之外的!
报错:o不为对象或者为空!
2. <html>
<body>
<script>
function MyObject(name,age){
this.age=age;
this.name=name;
this.tellName=function(){
alert("name"+this.name);
}
this.tellAge=function(){
alert("age"+this.age);
}
}
<o:p> </o:p>
var o=new MyObject("VerRan","23");
</script>
<input type="button" onclick="o.tellName()" value="TellName"><br>
<input type="button" onclick="o.tellAge()" value="TellAge">
</body>
</html>
<o:p> </o:p>
上面的方法是写在构造方法里面的,这样在每次建立对象时候每次都要进行加载的.这对内存是很大的浪费,比如某一个对象只需要其中的一个方法还要将所有的方法进行加载,这样是很不好的!所以protoType就出现了!
3. 改造1
<html>
<body>
<script>
function MyObject(name,age){
this.age=age;
this.name=name;
}
MyObject.prototype.tellName=function(){
alert("name"+this.name);
}
MyObject.prototype.tellAge=function(){
alert("age"+this.age);
}
var o=new MyObject("VerRan","23");
</script>
<input type="button" onclick="o.tellName()" value="TellName"><br>
<input type="button" onclick="o.tellAge()" value="TellAge">
</body>
</html>
成功!!
分享到：
相关推荐
Prototype学习笔记（一）（二）涵盖了这一主题的深入探讨，旨在帮助开发者更好地理解和利用这个特性。在本篇文章中，我们将详细阐述Prototype的核心概念、作用以及如何在实际编程中应用。 首先，Prototype是...
### Prototype学习笔记（最新整理） #### 1. Prototype是什么？ Prototype是一个由Sam Stephenson编写的JavaScript库，旨在简化客户端脚本编程，使开发者能够轻松创建动态的、交互式的Web应用程序。该库通过提供一...
这篇"prototype学习笔记"可能探讨了如何利用原型链实现面向对象编程的关键技术。以下是对这个主题的详细解析。 首先，理解`prototype`的基本含义是关键。在JavaScript中，每个函数都有一个`prototype`属性，这个...
这篇博客"【prototype学习】基于prototype的tree(纯数据驱动OO)"探讨了如何使用`prototype`属性来构建一个树形结构（Tree）的数据驱动对象导向（Object-Oriented，简称OO）程序。在JavaScript中，`prototype`用于...
### Prototype学习资料：深入解析与应用 #### 引言 Prototype框架自问世以来，便以其卓越的性能和简便的操作在JavaScript开发领域占据了重要的地位。它不仅简化了动态Web应用程序的开发流程，还提供了丰富的功能，...
在JavaScript中，`...理解并掌握`prototype`对于深入学习JavaScript至关重要，它能够帮助开发者构建更高效、可维护的代码。在实际开发中，正确使用`prototype`可以有效地实现代码重用和对象继承，提高程序的性能。
这个压缩包中的"Prototype学习笔记.doc"很可能是对Prototype模式深入理解的详细文档。下面将从Prototype设计模式的基本概念、在JavaScript中的应用、与Ajax的关系以及如何与其他技术如Java和JavaScript库交互等方面...
理解`prototype`是深入学习JavaScript面向对象编程的关键一步。`prototype`主要用于实现对象间的属性和方法共享，是JavaScript实现继承的一种方式。 ### 1. prototype的基本原理 每个JavaScript函数（包括构造函数...
环境： Prototype Version: ‘1.6.1_rc3’ Aptana Studio, build: 1.2.5.023247 IE7 FF2.0.0.4 Opera 10 beta 代码如下:var Prototype = { Version: ‘1.6.1_rc3’, //定义浏览器对象 Browser: (function(){ var ua ...
JavaScript Prototype 是一种强大的工具，它在JavaScript编程中扮演着核心角色。这个框架使得开发者能够...通过阅读`prototype学习`中的文件，你可以系统性地学习这个框架的各个方面，并在实践中不断提升自己的技能。
### Prototype使用学习手册指南 #### 引言 随着Web应用的发展，JavaScript库因其提供的便捷性和高效性变得越来越重要。Prototype.js作为一个成熟的JavaScript库，简化了许多常见的DOM操作、事件处理及AJAX请求，...
这个页面可能展示了如何在实际项目中集成和使用Prototype库，或者包含了一系列用例和示例代码，供学习者参考。 "jspage_file"可能是一个文件夹，里面包含与"jsPage.html"相关的资源，如CSS样式表、图像或者其他...
在JavaScript编程语言中，Prototype是一个库，它扩展了JavaScript的核心功能，特别是对于对象原型的增强。在Prototype中，`$A`是一个非常实用的工具函数，它的主要作用是将一个类数组对象转换成真正的Array对象。这...
开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js
在JavaScript中，`prototype`是实现面向对象编程的关键机制，它允许对象共享属性和方法，从而实现类的概念。本文将深入探讨`prototype`的核心概念、使用方式以及与之相关的`Class.create()`和`Object.extend()`两个...