jQuery源码之prototype
程序员文章站
2022-07-06 15:41:48
...
javascript使用prototype让实例共享所有方法和属性。
1.对原型链有个初印象
通过hasOwnProperty发现arr没有foo方法,但是arr.foo()调用没有出错。这都归功于原型链。
函数调用的过程会顺着原型链查找。查找的顺序是:arr--〉Array.prototype --> Object.prototype,在这条链的末端Object中还是没有找到此函数,就会报错。
2.原型链的链接过程
(1)实例对象和创建对象的构造函数的prototype属性之间添加一个隐藏的链接,链接即__proto__
(2)构造函数被调用时,javascript会在后台将其链接起来形成原型链。
3.再看一个例子,加深对原型链的理解
得益于原型链,实例才可以共享或者继承通用方法和属性。
更多知识http://www.nowamagic.net/librarys/veda/detail/653
1.对原型链有个初印象
var myFn = function(){ var arr = new Array(); arr.foo();//"foo" arr.hasOwnProperty('foo');//false }; Array.prototype.foo = function(){ return "foo"; };
通过hasOwnProperty发现arr没有foo方法,但是arr.foo()调用没有出错。这都归功于原型链。
函数调用的过程会顺着原型链查找。查找的顺序是:arr--〉Array.prototype --> Object.prototype,在这条链的末端Object中还是没有找到此函数,就会报错。
2.原型链的链接过程
(1)实例对象和创建对象的构造函数的prototype属性之间添加一个隐藏的链接,链接即__proto__
(2)构造函数被调用时,javascript会在后台将其链接起来形成原型链。
Array.prototype.foo = "foo"; var arr = new Array(); //因为arr.__proto__ = Array.prototype arr.__proto__.foo;//"foo" //调用方法1:使用原型链 arr.foo;//"foo" //调用方法2:使用构造函数 arr.constructor.prototype;//"foo"
3.再看一个例子,加深对原型链的理解
var Foo = function(){}; Foo.prototype.x = 1; var fooInstance = new Foo(); fooInstance.x; //1
得益于原型链,实例才可以共享或者继承通用方法和属性。
更多知识http://www.nowamagic.net/librarys/veda/detail/653
推荐阅读
-
Swoft源码之Swoole和Swoft的分析
-
Qt事件分发机制源码分析之QApplication对象构建过程
-
Netty源码分析之ChannelPipeline(二)—ChannelHandler的添加与删除
-
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
-
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
-
linux常用命令小结之yum、源码安装
-
dubbo源码阅读之服务导出
-
jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载
-
日常工作之Zabbix源码编译,兼容mysql5.6
-
九、Spring之BeanFactory源码分析(一)