JS和JQUERY常见函数封装方式
2024-09-08 07:03:46
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(){ //数组上直接调用这个函数 })
欢迎大家多多交流,如有疑问可以在博客上问我哦~
最新文章
- 一款简洁大气的jquery日期日历插件
- python 数据处理学习pandas之DataFrame
- 【CityHunter】Unity3D设计AR探索模式
- git恢复误删文件及省去密码提交
- ArcGIS Server开发教程系列(8)ArcGIS API for Javascript-控件(小部件)(续)纯代码
- ubuntu14.04 server安装gnome-desktop
- Qt之Threads和QObjects
- service httpd restart失败解决方法(小记)
- layout cannot be resolved or is not a field
- 商派shopex
- 新手之VM下安装centos版本Linux系统完整版!
- Ubuntu19.04配置SS+pac非全局代理
- 03.Python网络爬虫第一弹《Python网络爬虫相关基础概念》
- JS实时获取输入框中的值
- linux下工具exfs用法
- LeetCode263——Ugly Number
- 一步步教你如何在 Visual Studio 2013 上使用 Github
- IOS开发 多线程GCD
- 新疆大学ACM-ICPC程序设计竞赛五月月赛(同步赛)-B-杨老师游戏
- Xcode 5 单元测试(二)OCMock和GHUnit