`
VerRan
  • 浏览: 458792 次
  • 性别: Icon_minigender_1
  • 来自: 陕西.西安
社区版块
存档分类
最新评论

ProtoType学习

    博客分类:
  • AJAX
阅读更多

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是...

    Prototype学习笔记(最新整理)

    ### Prototype学习笔记(最新整理) #### 1. Prototype是什么? Prototype是一个由Sam Stephenson编写的JavaScript库,旨在简化客户端脚本编程,使开发者能够轻松创建动态的、交互式的Web应用程序。该库通过提供一...

    prototype学习笔记

    这篇"prototype学习笔记"可能探讨了如何利用原型链实现面向对象编程的关键技术。以下是对这个主题的详细解析。 首先,理解`prototype`的基本含义是关键。在JavaScript中,每个函数都有一个`prototype`属性,这个...

    【prototype学习】基于prototype的tree(纯数据驱动OO)

    这篇博客"【prototype学习】基于prototype的tree(纯数据驱动OO)"探讨了如何使用`prototype`属性来构建一个树形结构(Tree)的数据驱动对象导向(Object-Oriented,简称OO)程序。在JavaScript中,`prototype`用于...

    Prototype学习资料

    ### Prototype学习资料:深入解析与应用 #### 引言 Prototype框架自问世以来,便以其卓越的性能和简便的操作在JavaScript开发领域占据了重要的地位。它不仅简化了动态Web应用程序的开发流程,还提供了丰富的功能,...

    prototype学习

    在JavaScript中,`...理解并掌握`prototype`对于深入学习JavaScript至关重要,它能够帮助开发者构建更高效、可维护的代码。在实际开发中,正确使用`prototype`可以有效地实现代码重用和对象继承,提高程序的性能。

    Prototype整理的学习资料

    这个压缩包中的"Prototype学习笔记.doc"很可能是对Prototype模式深入理解的详细文档。下面将从Prototype设计模式的基本概念、在JavaScript中的应用、与Ajax的关系以及如何与其他技术如Java和JavaScript库交互等方面...

    prototype 学习资料

    理解`prototype`是深入学习JavaScript面向对象编程的关键一步。`prototype`主要用于实现对象间的属性和方法共享,是JavaScript实现继承的一种方式。 ### 1. prototype的基本原理 每个JavaScript函数(包括构造函数...

    Prototype 学习 Prototype对象

    环境: 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 ...

    js 框架 prototype 的帮助文档

    JavaScript Prototype 是一种强大的工具,它在JavaScript编程中扮演着核心角色。这个框架使得开发者能够...通过阅读`prototype学习`中的文件,你可以系统性地学习这个框架的各个方面,并在实践中不断提升自己的技能。

    Prototype使用学习手册指南

    ### Prototype使用学习手册指南 #### 引言 随着Web应用的发展,JavaScript库因其提供的便捷性和高效性变得越来越重要。Prototype.js作为一个成熟的JavaScript库,简化了许多常见的DOM操作、事件处理及AJAX请求,...

    Prototype 学习 工具函数学习($A方法)

    在JavaScript编程语言中,Prototype是一个库,它扩展了JavaScript的核心功能,特别是对于对象原型的增强。在Prototype中,`$A`是一个非常实用的工具函数,它的主要作用是将一个类数组对象转换成真正的Array对象。这...

    prototype.js 源码解读, 中文帮助文档

    开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js

    prototype 学习笔记整理

    在JavaScript中,`prototype`是实现面向对象编程的关键机制,它允许对象共享属性和方法,从而实现类的概念。本文将深入探讨`prototype`的核心概念、使用方式以及与之相关的`Class.create()`和`Object.extend()`两个...

    prototype帮助中文文档

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

Global site tag (gtag.js) - Google Analytics