从jQuery中学习来的另一种继承方式(技巧)
2016-03-14 15:01
387 查看
遵从Js的原型链规则,利用js灵活的特性灵活地改造原型,可以实现各种创意地继承方式,昨天研究了jQuery,对作者实现继承的方式感到佩服,他对js原型和原型链的理解比较透彻,运用自如。这里给出jQuery的继承实现方式:看下面代码:
Js的继承说到底就是灵活地改变原型中内容,再说到底就是利用底层的指针机制(不仅仅是原型链关系,比如对象复制指针的变化等等)来灵活地建立数据对应关系。我想有空时好好研究下js底层的指针的工作机制。
function Cat(){ //空的构造方法,空的原型Cat{}内容 } Cat.prototype={ name:"Tom" //给空原型添加一个属性 }; function a(){ //建造一个构造方法a(),实例化后原型有一个属性值为88 this.pro="88"; } a.prototype=Cat.prototype; //将原型Cat{}的内容赋给原型a{} console.log(new a().name); //原型a{}的实例可以访问到原型Cat{}中的属性,为"Tom" console.log(new a().pro); //原型a{}的实例也可以访问到原型a{}中的属性,为88
Js的继承说到底就是灵活地改变原型中内容,再说到底就是利用底层的指针机制(不仅仅是原型链关系,比如对象复制指针的变化等等)来灵活地建立数据对应关系。我想有空时好好研究下js底层的指针的工作机制。
相关文章推荐
- DOM对象和jQuery对象互相转换
- JQuery表单验证的方法和实例
- 利用时间戳解决频繁更新图片造成的图片缓存问题
- 如何将货币字符串转换为double与jQuery或JavaScript?
- javaScript和jQuery自动加载方法
- jquery插件的编写
- jquery元素插入、删除、清空
- 用jquery追加的元素不能触发treeview事件
- jQuery系列:N种方法大总结
- jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
- jQuery.fn.extend jQuery.extend插件机制 tab切换
- 每天学习十分钟25之jQuery
- 构建基于Javascript的移动web CMS——加入jQuery插件
- Jquery+Pdo编写login登陆界面
- jQuery中ready与load事件的区别
- jquery table的隔行变色 鼠标事件
- jquery 获取某元素的兄弟元素
- 三大移动Web开发框架_jquery mobile_jQTouch_sencha touch
- Jquery 常用方法经典总结
- jquery,zepto插件编写相关