JQuery工具方法整理

jquery工具方法整理

或许有人说jquery不是过时了吗？怎么还用，但我要告诉你，没有永恒的库或者框架，只有其中的思想是最宝贵的，也可以结合游戏来讲，就是一代版本一代神

jquery工具方法总结

1.下载jquery3.5.1

由于本人是通过yarn进行下载的，如果没有安装yarn，可以参考后面的链接或者用npm包下载,我使用的命令如下: yarn add jquery@3.5.1 [注意，这里的jquery的q千万不能大写，我已经掉几次坑了!!!]

安装详细请参考 :
npm学习npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org //cnpm安装
复制代码

yarn官网 yarn

安装完成后文件夹如下:

2.jquery工具方法总结

（1）检测类型方法

之前写过，但是太匆匆忙忙了，就连解释都没有写了，这次写完整些,返回值为小写开头的数据类型字母，例如String类型的返回string

具体如下：

2.判断是否是函数

用于检测是否是一个函数，返回值为布尔值

//这里的nodeType是为了解决兼容问题
//在某些浏览器中，typeof对HTML 元素返回“function”
//(即“文件类型”。createElement(“object”) === “function” ')。
//我们不想将任何 DOM节点分类为函数。
function isFunction(obj){//判断是否是函数
return typeof obj === ‘function’ && typeof obj.nodeType !== “number”;
}
复制代码

3.判断是否是window

用于判断是否是一个window，返回值为布尔值

//这里巧用了window上面有个window属性
function isWindow(obj){//判断是否是window
return obj!=null && obj.window === window;
}
复制代码

4.判断是否是纯粹的对象

用于判断是否是纯粹【{},new Object,Object.create(null)】的对象，返回值为布尔值

var getProto = Object.getPrototypeOf;//获取原型
var hasOwn = class2type.hasOwnProperty;//相当于object.prototype.hasOwnProperty
function isPlainObject(obj){//判断是否是纯粹的对象({},new Object,Object.create(null))
var proto = getProto(obj),
Ctol;

if(!obj || toType(obj)!==“object”){//检测是否是object类型，不是则直接返回false
return false
}

//判断proto上面是否有constructor这个属性，有则直接获取构造器
Ctol = hasOwn.call(ptoto,“constructor”) && proto.constructor;
return typeof Ctol === “function” && fnToString.call( Ctor ) === ObjectFunctionString;
}
复制代码

5.判断是否是一个空对象

用于判断是否是一个空对象，返回值为布尔值

原jq代码 :

//缺陷:无法检测Symbol，以及原型上添加的属性也会被forin循环出来
function isEmptyObject: function( obj ) {
var name;
for ( name in obj ) {//循环如果有属性则直接返回false
return false;
}
return true;
}
复制代码

如图:`我们是希望只要当前对象没有属性，则被判断为空对象，而不是原型上有对象也被认为不是空对象

修改之后

function isEmptyObject(obj){//判断是否是一个空对象
let arr = [
…Object.getOwnPropertyNames(obj),//获取自身上的属性
…Object.getOwnPropertySymbols(obj)//获取symbol
]
return arr.length > 0;
}
复制代码