js重写方法的简单实现
2019/6/27 22:16:22
本文主要是介绍js重写方法的简单实现,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
如下所示:
Function.prototype.method = function(name, fn) { this.prototype[name] = fn;//this指的应该是Function.prototype对象 return this;//返回此对象,这个有助于像jq那样的级联操作 }; Number.method("interge",function(){ });//Number是一个构造函数,所以拥有上面的method方法,所以最后返回了Number对象(构造函数),所以可以(-10/3).interge() 待续。。 //主要是调用父类的方法 Obj.method("surper",function(name){ var that = this; var method = that[name]; return function(){ return method.apply(that,arguments);//如果这里面没有that的话,就不会有cat.getName(that(是一个对象)) } });//下面是一个应用 var coolcat = function(spec){ var that = cat(spec);//个人感觉这里,这里的that可以有了cat就有“一些方法” var getName = that.surper("getName");//这里感觉应该是用新生成的对象来做,应该才是更好的。最好不用that. that.get_name= function(){ return "me"+getName()+"me"; } return that; }
上面的内容来自《javascript语言精粹》,真的很不错。
以上这篇js重写方法的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。
这篇关于js重写方法的简单实现的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set