
原生js实现方法原理
文章平均质量分 58
胖妮儿
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
实现jQuery Callbacks()原理
html> html lang="en"> head> meta charset="UTF-8"> title>珠峰培训2017-14JStitle> head> body> body> html> script> function Callbacks() { //给每一个实例加一个私有属性,一个数组后面用来当做回调函数集合的 this.C原创 2018-01-15 12:33:47 · 281 阅读 · 0 评论 -
Function原型上的方法-bind()实现原理(Function.prototype.bind)
//=>JS中把基于闭包预先处理事情的思想叫做:柯理化函数思想(体现了闭包的保存作用) Function.prototype.myBind = function myBind(context) { //=>this:fn也就是我们需要处理的函数 var _this = this, outerAry = [].slice.call(arguments, 1);//=>原创 2018-01-29 19:16:05 · 1378 阅读 · 0 评论 -
数组原型上的方法实现原理(Array.prototype.pop/push/shift/unshift)
html> html lang="en"> head> meta charset="UTF-8"> title>数组原型上的方法实现原理title> head> body> body> html> script type="text/javascript"> var ary=[1,2,3,4,5,6,7,8]; //pop() Array.prototyp原创 2018-01-15 17:25:27 · 3528 阅读 · 0 评论 -
数组forEach和Map实现原理(Array.prototype.forEach/myMap)
html> html lang="en"> head> meta charset="UTF-8"> title>数组forEach和Map实现原理title> head> body> body> html> script type="text/javascript"> var ary=[1,2,"哈哈","杨洋"]; ary.forEach(function(i原创 2018-01-15 17:17:32 · 767 阅读 · 0 评论 -
数组slice实现原理(Array.prototype.slice)
//模拟了没有参数和一个参数的情况 Array.prototype.slice=function (n=0) { //this:使用这个slice方法的数组,其实就是slice点前面的数组 var arr=[],index=0; for(var i=n;ithis.length;i++){ arr[index++]=this[i]; } re原创 2018-01-15 17:13:28 · 753 阅读 · 0 评论 -
call()实现原理(function原型上的方法)
html> html lang="en"> head> meta charset="UTF-8"> title>call()实现原理title> head> body> body> html> script type="text/javascript"> //让.前面的函数执行 Function.prototype.call=function () {原创 2018-01-15 14:57:14 · 2424 阅读 · 0 评论 -
自己封装的callbacks升级版(把方法放入一个集合中)
function Callbacks() {}; Callbacks.prototype.has=function (type,fn) { return !!this[type]&&this[type].includes(fn); }; Callbacks.prototype.add=function (type,...arg) { if(!this[type]){原创 2018-01-15 13:00:06 · 190 阅读 · 0 评论 -
jQuery on()方法实现原理(事件委托)
html> html lang="en"> head> meta charset="UTF-8"> title>jQuery on()方法实现原理(事件委托)title> style> #list li{ margin: 20px; width: 200px; height: 50px;原创 2018-01-14 22:06:28 · 4819 阅读 · 0 评论