JavaScript继承的一些工具函数

在阅读精通JavaScript(图灵计算机科学丛书)里面有讲解javascript继承的一些东东。

其一是讲解DouglasCrockford的js

代码如下：

//简单的辅助函数，让你可以将新函数绑定到对象prototype上 Function.prototype.method = function (name, func) { this.prototype[name] = func; return this; } //一个相当复杂的函数，允许你方便地从其他对象继承函数， //同时仍然可以调用属于父对象的那些方法 Function.method('inherits', function (parent) { var d = {}; //记录我们目前所在父层次的级数 var p = (this.prototype = new parent()); //继承父对象的方法 //创建一个新的名位uber的特权函数 //调用它时会执行所有在继承时被重写的函数 this.method("uber", function uber(name) { if (!(name in d)) { d[name] = 0; //继承级数默认为0 } var f, /*要执行的函数*/r, /*函数返回值*/t = d[name], v = parent.prototype; /*父对象的prototype*/ if (t) { //如果我们已经在某个uber函数内 上溯到必要的级数已找到原始的prototype while (t) { v = v.constructor.prototype; t -= 1; } f = v[name]; //从prototype中获得函数 } else { //uber第一次调用 从prototype获得要执行的函数 f = p[name]; if (f == this[name]) { //如果函数属于当前prototype 则改为调用父对象的prototype f = v[name]; } } d[name] += 1; //记录我们在继承堆栈中所在位置 //使用除第一个以外所有的arguments 调用函数 第一个参数是执行的匿名函数名 r = f.apply(this, Array.prototype.slice.apply(arguments, [1])); d[name] -= 1; //恢复继承堆栈 return r; }); return this; }); //只继承父对象特定的函数。而非使用new parent（）的继承的所有函数 Function.method("swiss", function (parent) { for (var i = 1; i < arguments.length; i++) { var name = arguments[i]; this.prototype[name] = parent[name]; } return this; }); /* Function.prototype.method 它提供了一个简单的方法，把函数于构造函数原型关联起来。 之所以有效，是因为所有的构造函数本身都是函数，所以能获得method这个新方法 Function.prototype.inherits这一函数可以用于提供简单的对象继承，它的代码主要围绕任意对象方法中调用 this.uber（methodname）为中心，并在让这个uber方法执行它要覆盖的父对象的方法。 Function.prototype.swiss这是.method函数的增强版，可以用于单一父对象获取多个函数。如果有多个父对象上 就能获得可用的多对象继承 */
调用代码：

function Person(name) { this.name = name; } Person.method("getName", function () { return this.name; }); function User(name, password) { this.name = name; this.password = password; } User.inherits(Person); User.method("getPassword", function () { return this.password; }); User.method("getName", function () { return "My name is :" + this.uber("getName"); }); var p = new Person("123"); alert(p.getName()); var u = new User("abc", "456"); alert(u.getPassword()); alert(u.getName());

第二个工具函数是base库

代码：

/* Base.js, version 1.1a Copyright 2006-2010, Dean Edwards License: http://www.opensource.org/licenses/mit-license.php */ var Base = function() { // dummy }; Base.extend = function(_instance, _static) { // subclass var extend = Base.prototype.extend; // build the prototype Base._prototyping = true; var proto = new this; extend.call(proto, _instance); proto.base = function() { // call this method from any other method to invoke that method's ancestor }; delete Base._prototyping; // create the wrapper for the constructor function //var constructor = proto.constructor.valueOf(); //-de <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="29549">上一篇： myeclipse新建JSP中DOCTYPE有关问题 </a></li> <li class="next"><a href="29547">下一篇： php json增多积分函数 </a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/javasript/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/37735' title=' select控件和input控件联动的有关问题 ' target="_blank"> select控件和input控件联动的有关问题 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/7095' title=' xStream圆满转换XML、JSON xStream框架 ' target="_blank"> xStream圆满转换XML、JSON xStream框架 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/26117' title=' 惯用正则表达式JS ' target="_blank"> 惯用正则表达式JS </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/31748' title=' 在FireFox下怎么用javascript点击一个超链接? ' target="_blank"> 在FireFox下怎么用javascript点击一个超链接? </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/25848' title=' 在MyEclipse中运用本机安装Tomcat和MyEclipse自带Tomcat调试Jsp ' target="_blank"> 在MyEclipse中运用本机安装Tomcat和MyEclipse自带Tomcat调试Jsp </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/1303' title=' 为何这段代码可以在ie运行但是在谷歌上没反应 ' target="_blank"> 为何这段代码可以在ie运行但是在谷歌上没反应 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/7225' title=' input button select是块状元素行内元素仍是inline-block元素啊 ' target="_blank"> input button select是块状元素行内元素仍是inline-block元素啊 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/21634' title=' JS制作日历有关问题 ' target="_blank"> JS制作日历有关问题 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/19961' title=' JS惯用跳转代码 ' target="_blank"> JS惯用跳转代码 </a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs"> <!--右边的内容--> <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/cloud/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/vps.png" alt="香港云服务器 免备案 云主机VPS 国内 独立IP 独享15M 月付SSD" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/javasript/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/javasript/31281 title=' 期待JQuery easyui高手,该如何解决 ' target="_blank"> 期待JQuery easyui高手,该如何解决 </a></li> <li class="articleAbout"><a href=/javasript/9174 title=' ajaxfileupload下传图片抱java.lang.IndexOutOfBoundsException: Index: 0, Size: 0 ' target="_blank"> ajaxfileupload下传图片抱java.lang.IndexOutOfBoundsException: Index: 0, Size: 0 </a></li> <li class="articleAbout"><a href=/javasript/29536 title=' frame src属性有关问题 ' target="_blank"> frame src属性有关问题 </a></li> <li class="articleAbout"><a href=/javasript/26129 title=' JavaScript模态窗口跟非模态窗口 ' target="_blank"> JavaScript模态窗口跟非模态窗口 </a></li> <li class="articleAbout"><a href=/javasript/6360 title=' JavaScript null 与零 ' target="_blank"> JavaScript null 与零 </a></li> <li class="articleAbout"><a href=/javasript/29497 title=' select的onchange函数。该怎么处理 ' target="_blank"> select的onchange函数。该怎么处理 </a></li> <li class="articleAbout"><a href=/javasript/25816 title=' DWR动态实施javascript ' target="_blank"> DWR动态实施javascript </a></li> <li class="articleAbout"><a href=/javasript/29084 title=' javascript学习札记七 ' target="_blank"> javascript学习札记七 </a></li> <li class="articleAbout"><a href=/javasript/10656 title=' JSP学习(1) ' target="_blank"> JSP学习(1) </a></li> <li class="articleAbout"><a href=/javasript/24084 title=' js学习札记4 ' target="_blank"> js学习札记4 </a></li> <li class="articleAbout"><a href=/javasript/7133 title=' dequeue跟clearQueue的区别分别是什么，作用各是什么 ' target="_blank"> dequeue跟clearQueue的区别分别是什么，作用各是什么 </a></li> <li class="articleAbout"><a href=/javasript/18216 title=' jQuery库与其他JavaScript库冲突的解决方法 ' target="_blank"> jQuery库与其他JavaScript库冲突的解决方法 </a></li> <li class="articleAbout"><a href=/javasript/29309 title=' 施用javascript调用jsp代码 ' target="_blank"> 施用javascript调用jsp代码 </a></li> <li class="articleAbout"><a href=/javasript/1445 title=' ztree 勾选状态 有关问题 大家帮看下在线 多谢了 有图有真相 ' target="_blank"> ztree 勾选状态 有关问题 大家帮看下在线 多谢了 有图有真相 </a></li> <li class="articleAbout"><a href=/javasript/12347 title=' 关于jsp乱码有关问题的解决 ' target="_blank"> 关于jsp乱码有关问题的解决 </a></li> <li class="articleAbout"><a href=/javasript/33933 title=' 关于javascript中document.write的写法。大家帮一下忙解决思路 ' target="_blank"> 关于javascript中document.write的写法。大家帮一下忙解决思路 </a></li> <li class="articleAbout"><a href=/javasript/28761 title=' 谈一下JS里的{ }大括号和[ ]中括号的用法，理解后就可以看懂JSON结构了 ' target="_blank"> 谈一下JS里的{ }大括号和[ ]中括号的用法，理解后就可以看懂JSON结构了 </a></li> <li class="articleAbout"><a href=/javasript/7309 title=' 求大神帮忙解决办法 ' target="_blank"> 求大神帮忙解决办法 </a></li> <li class="articleAbout"><a href=/javasript/13281 title=' Jpage分页+Hibernate+Ajax+jquery+JSON通用技术<2> ' target="_blank"> Jpage分页+Hibernate+Ajax+jquery+JSON通用技术<2> </a></li> <li class="articleAbout"><a href=/javasript/26595 title=' JS的转意有关问题tree.replace("&quot;"" " ") ' target="_blank"> JS的转意有关问题tree.replace("&quot;"" " ") </a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2024 爱易网页 当前在线：1206人　 网站在17时9分1秒内访问总人数：218655人 当前 15.90% 　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>