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="39072">上一篇： ssh如何知道删除实体成不成功 </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/15589' title=' 自各儿写jstl标签解析long时间 ' target="_blank"> 自各儿写jstl标签解析long时间 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/28895' title=' JS 顺序有关问题 ' target="_blank"> JS 顺序有关问题 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/7639' title=' js 获取iframe内容的高度 并动态设立iframe的高度 ' target="_blank"> js 获取iframe内容的高度 并动态设立iframe的高度 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/27802' title=' JSP中include file的有关问题，求 ' target="_blank"> JSP中include file的有关问题，求 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/16056' title=' jsp兑现注销功能 ' target="_blank"> jsp兑现注销功能 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/26253' title=' js记时跳转 页面 ' target="_blank"> js记时跳转 页面 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/15992' title=' 用JS兑现图片的链接 ' target="_blank"> 用JS兑现图片的链接 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/38982' title=' JavaScript 日期联动选择器解决方法 ' target="_blank"> JavaScript 日期联动选择器解决方法 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/9487' title=' jsp兑现网页的logout功能和全屏功能 ' target="_blank"> jsp兑现网页的logout功能和全屏功能 </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/make/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/oneweb.png" alt="网站建设一条龙 做网站 网站制作 网站定制 企业网站设计 特价" /></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/28293 title=' myeclipse JavaScript Validator错误提示解决 ' target="_blank"> myeclipse JavaScript Validator错误提示解决 </a></li> <li class="articleAbout"><a href=/javasript/20603 title=' js延迟加载也许执行 ' target="_blank"> js延迟加载也许执行 </a></li> <li class="articleAbout"><a href=/javasript/28676 title=' myeclipse停安装spket插件 实现Extjs开发智能代码提示 ' target="_blank"> myeclipse停安装spket插件 实现Extjs开发智能代码提示 </a></li> <li class="articleAbout"><a href=/javasript/36822 title=' JS如何改变每个TD的背景呢？ ' target="_blank"> JS如何改变每个TD的背景呢？ </a></li> <li class="articleAbout"><a href=/javasript/23786 title=' JS eval方法转换字符串缺少;异常 ' target="_blank"> JS eval方法转换字符串缺少;异常 </a></li> <li class="articleAbout"><a href=/javasript/28144 title=' js平添和去除千分号 ' target="_blank"> js平添和去除千分号 </a></li> <li class="articleAbout"><a href=/javasript/18997 title=' js json 的小疑点 ' target="_blank"> js json 的小疑点 </a></li> <li class="articleAbout"><a href=/javasript/15029 title=' JavaScript Patterns 札记（三） 循环 ' target="_blank"> JavaScript Patterns 札记（三） 循环 </a></li> <li class="articleAbout"><a href=/javasript/12480 title=' Js中parseFloat()方法所产生的精度有关问题 ' target="_blank"> Js中parseFloat()方法所产生的精度有关问题 </a></li> <li class="articleAbout"><a href=/javasript/15156 title=' Donuts－spring2+hibernate3+jsf开发日记（3） ' target="_blank"> Donuts－spring2+hibernate3+jsf开发日记（3） </a></li> <li class="articleAbout"><a href=/javasript/18926 title=' 嵌入进html中的javascript语句如何不起作用 ' target="_blank"> 嵌入进html中的javascript语句如何不起作用 </a></li> <li class="articleAbout"><a href=/javasript/18359 title=' extjs工作笔记1-属性报表去掉排序功能++很好的extjs例子网站 ' target="_blank"> extjs工作笔记1-属性报表去掉排序功能++很好的extjs例子网站 </a></li> <li class="articleAbout"><a href=/javasript/19649 title=' javaScript 运用-货币格式化函数 ' target="_blank"> javaScript 运用-货币格式化函数 </a></li> <li class="articleAbout"><a href=/javasript/37071 title=' 表格移位有关问题 ' target="_blank"> 表格移位有关问题 </a></li> <li class="articleAbout"><a href=/javasript/27648 title=' 求html5多点抚摸的例子 ' target="_blank"> 求html5多点抚摸的例子 </a></li> <li class="articleAbout"><a href=/javasript/5365 title=' 自各儿写的一个简易块元素拖动js工具，散分 ' target="_blank"> 自各儿写的一个简易块元素拖动js工具，散分 </a></li> <li class="articleAbout"><a href=/javasript/7234 title=' 更改html字符编码后 javascript特效消失怎么处理 ' target="_blank"> 更改html字符编码后 javascript特效消失怎么处理 </a></li> <li class="articleAbout"><a href=/javasript/10457 title=' javascript领航 ' target="_blank"> javascript领航 </a></li> <li class="articleAbout"><a href=/javasript/36350 title=' 关于js线程的有关问题 ' target="_blank"> 关于js线程的有关问题 </a></li> <li class="articleAbout"><a href=/javasript/7696 title=' 新手$("area[name=值]") ' target="_blank"> 新手$("area[name=值]") </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 爱易网页 当前在线：408人　 网站在26分26秒内访问总人数：9684人 当前 16.09% 　<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>