![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生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 · 237 阅读 · 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 · 1285 阅读 · 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 · 3458 阅读 · 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 · 705 阅读 · 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 · 675 阅读 · 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 · 2317 阅读 · 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 · 136 阅读 · 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 · 4694 阅读 · 0 评论