码迷,mamicode.com
首页 > Web开发 > 详细

JS和JQUERY常见函数封装方式

时间:2019-07-24 09:35:56      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:map   java   fun   this   方式   highlight   set   str   show   

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(){                    //数组上直接调用这个函数

        })

 

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

JS和JQUERY常见函数封装方式

标签:map   java   fun   this   方式   highlight   set   str   show   

原文地址:https://www.cnblogs.com/zhouying1208/p/11235724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!