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请求,...
在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()`两个...
这份“prototype帮助中文文档”是学习和掌握Prototype的关键资源,无论你是初学者还是经验丰富的开发者,都可以从中受益匪浅。通过深入研究文档和实践应用,你可以更好地利用Prototype来提升你的前端开发效率和代码...