美文网首页
jquery的套路

jquery的套路

作者: 从前慢pearl | 来源:发表于2017-07-14 15:27 被阅读0次

1,返回伪数组加属性

$ 返回类数组对象


image.png image.png

为什么不返回数组呢?
1,作者喜欢
2,如果返回的是数组就会有一个我不想要的API

伪数组怎么使用数组的方法呢?
call方法 (这个是函数的基本方法)

image.png

2,使用原型链(实现了继承机制)

image.png image.png image.png
所以当声明一个数组对象a时 a._proto_属性和Array.prototyp属性指向的是同一段内存地址
var a=[1,2], 
    b=[1,2,3]
a.push.call(b,4)===b.push(4)  达到相同的效果
因为a.push是在a的__proto__里面找的   她相当于 Array在prototype属性里面去找push  
image.png

维持着一堆方法内存的作用是不让这些方法丢了
当一个内存没有任何人引用的时候就会死掉
jquery使用_proto_链接所有的对象

image.png image.png

jquery里面的原型链关系:

image.png

实际的例子:


image.png image.png image.png

jquery把prototype改写成了fn


image.png
image.png image.png

相关文章

  • jquery的套路

    1,返回伪数组加属性 $ 返回类数组对象 为什么不返回数组呢?1,作者喜欢2,如果返回的是数组就会有一个我不想要的...

  • 如何编写一个JS库

    编写js/jQuery插件有一些约定俗成的套路,根据这些套路依葫芦画瓢,代码的结构上就不会出现太大的问题了,特别推...

  • jQuery第一天笔记

    JQuery简介 JQuery常用方法 JQuery中的插件 JQuery简介 JQuery 的发展历史http:...

  • jQuery 效果

    目录 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery Callba...

  • jQuery编程的最佳实践

    jQuery编程的最佳实践 @(jquery)[jquery|最佳实践|编程规范] [TOC] 加载jQuery ...

  • jquery常用cdn

    jQuery: jQuery mobile: jQuery UI:

  • JavaScript之jQuery

    九、jQuery 目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素 ...

  • jQuery

    jQuery学习: 最好的学习方法:查看jQuery的API jQuery下载: jQuery官网:http://...

  • jQuery需要课上讲解的方法

    jQuery jQuery 核心jQuery() jQuery对象访问each()index()get()leng...

  • 优博精选|2018互联网优秀博客推荐(持续更新)

    前端开发 jQuery之家:jQuery之家致力于搜集和整理各种jQuery插件,jQuery特效,jquery ...

网友评论

      本文标题:jquery的套路

      本文链接:https://www.haomeiwen.com/subject/orvnhxtx.html