文档章节

jquery protoType

攀爬的小瓜牛
 攀爬的小瓜牛
发布于 2014/06/19 17:51
字数 416
阅读 66
收藏 5

模拟JavaScript中类和继承 在面向对象的语言中,我们使用类来创建一个自定义对象。然而JavaScript中所有事物都是对象,那么用什么办法来创建自定义对象呢?

这就需要引入另外一个概念 - 原型(prototype),我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉好像是拷贝)。

让我们看一下通过prototype创建自定义对象的一个例子:

// 构造函数 function Person(name, sex) { this.name = name; this.sex = sex; } // 定义Person的原型,原型中的属性可以被自定义对象引用 Person.prototype = { getName: function() { return this.name; }, getSex: function() { return this.sex; } } 这里我们把函数Person称为构造函数,也就是创建自定义对象的函数。可以看出,JavaScript通过构造函数和原型的方式模拟实现了类的功能。 创建自定义对象(实例化类)的代码:

var zhang = new Person("ZhangSan", "man"); console.log(zhang.getName()); // "ZhangSan" var chun = new Person("ChunHua", "woman"); console.log(chun.getName()); // "ChunHua" 当代码var zhang = new Person("ZhangSan", "man")执行时,其实内部做了如下几件事情:

创建一个空白对象(new Object())。 拷贝Person.prototype中的属性(键值对)到这个空对象中(我们前面提到,内部实现时不是拷贝而是一个隐藏的链接)。 将这个对象通过this关键字传递到构造函数中并执行构造函数。 将这个对象赋值给变量zhang。

© 著作权归作者所有

共有 人打赏支持
攀爬的小瓜牛
粉丝 4
博文 112
码字总数 63322
作品 0
成都
程序员
私信 提问
jQuery命名冲突解决的五种方案

引言: 最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jqu...

龙上
2012/03/30
0
0
五种方法解决Magento中jQuery和Prototype兼容性

Magento的发布版本里的JS大多是用Prototype写的,如果需要引入jQuery的话,可能有些变量会冲突,所以需要做些处理来处理jQuery和Prototype的兼容性。 第一种情况:先加载Prototype,再加载j...

PHPUI
2012/04/27
0
0
五种方法解决jQuery和Prototype兼容性

第一种情况:先加载Prototype,再加载jQuery 方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的。 使用jQuery.noConflict();主要作用是...

zhengguogaun
2013/06/19
0
0
jQuery与mootools共存冲突解决

jQuery与mootools共存冲突解决 方式一: <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script> jQuery.noConflict(); // Use jQuery via jQuer......

GIFCOOL
2013/04/15
0
0
春风得意的 jQuery

5年前,没有人听说过 jQuery,当时,它只是 JavaScript 大师 John Resig 的一个设想。今天,jQuery 已经是世界上最成功的 JavaScript 库,互联网上 28% 的网站使用 jQuery。最为开源工具,W...

红薯
2010/03/27
3.1K
7

没有更多内容

加载失败,请刷新页面

加载更多

数据集汇总

1.朝鲜语,英语混合数据集 http://www.iapr-tc11.org/mediawiki/index.php/KAIST_Scene_Text_Database 2.OCR资源博客 https://github.com/tangzhenyu/Scene-Text-Understanding 3.阿拉伯语英......

clgo
5分钟前
0
0
Linux时间同步方式

https://blog.csdn.net/sunny_future/article/details/78279726

呼呼南风
6分钟前
0
0
Hashtable程序员面试五分钟被请出来了

你们可能会想,栈长这么菜的吗?5分钟都坚持不了? 本文说起来会有点尴尬,毕竟这是栈长我曾经经历过的故事。。。 那时候的栈长还真菜,每天写着 if/ for 及一些简单的业务逻辑代码,虽工作有...

金铭鼎IT教育
9分钟前
0
0
Docker安装rabbitmq

安装rabbitmq,要先安装erlang,有点麻烦,如果使用Docker方式来安装rabbitmq,那就不需要预先安装erlang了。 1、下载rabbitmq镜像 List-1 在docker hub上rabbitmq的tag很多,但是我们使用3...

克虏伯
9分钟前
0
0
架构师究竟要不要写代码?

Talk is cheap, show me the code! 但是在互联网企业中,身处技术要职的架构师到底需不需要写代码? 在我们的专业领域中有一种普遍存在的误解:架构师的工作不需要写代码。 就目前看来这似乎...

我的卡
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部