《js+jquery常用知识点汇总》由会员分享，可在线阅读，更多相关《js+jquery常用知识点汇总（40页珍藏版）》请在金锄头文库上搜索。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解js+jquery常用知识点汇总本文主要介绍了jquery源码中常见的知识点以及javascript中原型链常见的知识点，非常的全面，这里推荐给小伙伴们。一、jquery源码中常见的知识点1.string，number类型转换的快捷方法代码如下:/ param s为字符串，n为数字function fn(obj)/转换为String类型var s = obj +;/转换为number类型var n = +obj;分享一个面试例子：/加会将其后面自动转换成字
2、符串64+4=644/减会将其自动转换成数字64-4=602.bool类型转换!obj，将其强制转换为bool类型代码如下:alert(!0) /结果为falsealert(!33dd) /结果为true!obj，取相反的bool类型代码如下:alert(!0) /结果为truealert(!) /结果为false3.= 与 =区别= 是严格相等，不会进行类型转换，而 = 是不严格相等，会进行类型转换。有些js的书中，建议开发人员永远不要用 = 或者 != 。但是jquery源码中，有用到“=”或者“!=”的情况 判断 undefined 和 null 的时候。代码如下:/这里的判断，将obj
3、是null，obj是undefined都排除在外了if(obj != null)4.检测obj是否为window对象代码如下:/null = window.null为truefunction isWindow(obj)return obj != null & obj = window.obj;5.| 与 & 用法技巧代码如下:/例 var aa=5; name = aa | ; alert(name) 则name为55this.name = name | /如果name值存在，则值为name，反之为/例 var aa=5; name = aa & ; alert(name) 则name为，因为
4、aa为5，不为0则为真this.name = bool & /如果bool为true，则值为,反之则为bool经典实例:代码如下:( window.foo | ( window.foo = bar ) );alert(window.foo); /弹出 bar/ 为什么最后的结果是bar呢，其实可以看成是 undefined | bar 出来的结果肯定是bar6.setTimeout(fn,0)与setTimeout(fn)区别setTimeout(fn,0)与setTimeout(fn)都是延迟执行，但是setTimeout(fn)比setTimeout(fn,0)延迟时间还要长，例代码如下:
5、function fn()var data = new Date();for(var i=0;iif(i=1000)console.log(fn=+data.getTime();function fn1()var data = new Date();for(var i=0;iif(i=1000)console.log(fn1=+data.getTime();setTimeout(fn,0),setTimeout(fn1);结果：7.判断是否为数值代码如下:function isNumeric(obj)return !isNaN(parseFloat(obj) & isFinite(obj);8
6、.判断是否为空对象代码如下:function isEmptyObject()var name;/遍历不是空对象返回for (name in obj) return false;return true;9.检测对象类型检测obj对象类型，返回类型,通过Object.prototype.toString()来判断类型，但是ie低版本兼容性有问题，因此采用.toString来监测，返回为object Array,object Object,object Function代码如下:/ 类型判断function isType(type)return function(o)return Object.pr
7、ototype.toString.call(o) = object + type + ;var isString = isType(“String”);var isObject = isType(Object);var isArray = isType(Array);isString(Im Barret Lee.);isArray(1,2,3)；isObject();10.jquery里的去除空格trim妙用代码如下:/相当于if (String.prototype.trim & “uFEFFxA0.trim() != “”)高级的浏览器已经支持原生的String的trim方法，但是pFan还
8、为了避免它没法解析全角空白，所以加多了一个判断：”uFEFFxA0.trim() != “”vart core_version = 1.0,core_trim = core_version.trim;function trim()core_trim & !core_trim.call(uFEFFxA0) ?function (text) return text = null ? :core_trim.call(text); /这里按我的理解应该为 .trim.call(text),有点不明白转换为1.1.0.trim.call(text) :/ 高级的浏览器已经支持原生的String的trim
9、方法，如果浏览器不支持则采用function (text) var whitespace = x20trnf,rtrim = new RegExp( + whitespace + +|(?:|)(?:.)*) + whitespace + +$, g);return text = null ? :(text + ).replace(rtrim, );,/nodeName函数是获取dom节点的节点名字或者判断其名字跟传入参数是否匹配nodeName: function(elem,name)/IE下，DOM节点的nodeName是大写的，例如DIVreturn elem.nodeName & el
10、em.nodeName.toLowerCase() = name.toLowerCase();11.jquery中检测数组或者类数组中是否含存在传入的值代码如下:/*检查数组中是否存在传入的值，如果存在就返回值所在的位置，如果不存在就返回-1。*elem 规定需检索的值。*arr 数组*i 可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 arr.length - 1。如省略该参数，则将从数组首元素开始检索。*/function inArray(elem, arr, i)var len;if (arr) /如果浏览器支持Array拥有indexOf方法if (.indexOf
11、) return .indexOf.call(arr, elem, i);len = arr.length;/当i为负数的时候，从数组后边len+i的位置开始索引/理解这个分成两个部分i = i ? (i i = i ? i for (; i / 双重检测防止类似这样的数组 ar = ;ar1=1;ar0 = undefined; 0 in ar =false;a0=undefined;/ 0 in arr = arr0是否存在 nme in arr = arrnme是否存在if (i in arr & arri = elem) return i;return -1;二、javascript中
12、原型链常见的知识点1.hasOwnProperty()方法 使用hasOwnProperty()方法可以检测一个属性是存在与实例，还是存在于原型中。这个方法从Object继承，只在给定属性存在于对象实例中时，才会返回true。代码如下:function Person()this.age=25;this.job=web;Person.prototype=name:pingfan,sayName:function()alert(this.name);var person1=new Person();/来自构造函数，检测属性，也返回truealert(person1.hasOwnProperty(a
13、ge);/来自原型属性，返回falsealert(person1.hasOwnProperty(name);person1.name=ping;/来自实例属性，返回truealert(person1.hasOwnProperty(name);2.通过instanceOf保证只实例一次代码如下:function shiCha(opt)/只实例一次if( !(this instanceof shiCha)return new shiCha(opt);var shicha = shiCha();3.javascript中Array.prototype.slice.call(arguments)我们通常看到Array.
