JS和JQUERY常见函数封装方式


JS中常用的封装函数4种方法

1. 函数封装法

function box(){

               }

2. 封装成对象 :

let Cookie = {

            get(){

                   },

            set(){

                   }

               }

3. 封装成构造函数:

function Dog(){

               }  

4. 类的方法

class Person{

                  constructor(){

            }

            show(){

            }

             }

jQuery中常见的封装函数方法:

方法一:

$.extend({

    log(s){

        console.log(s)//封装了打印函数

    }

})

方法二:

$.fn.mytest = function(){

            console.log(this,1111)//this 伪数组

            this.css({color:'yellow'})

 

        }

 

        $('div').mytest()//指出哪个选择器调用这个函数

方法三:也可以在原型函数上添加,例如:

var arr = [1,2,3]

        // arr.map(function(){})

        Array.prototype.myMap = function(fn){    //原型上添加

        }

        arr.myMap(function(){                    //数组上直接调用这个函数

        })

 

欢迎大家多多交流,如有疑问可以在博客上问我哦~

优质内容筛选与推荐>>
1、Request和Response大致
2、c++ c# 数据类型对照表
3、SQL Server 索引基础知识----聚集索引,非聚集索引 (转)
4、学习网站
5、第二次冲刺第一天


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn