1.call 实现(apply 类似)

  Function.prototype.call= function(context){
      context = context || window;
      context.fn = this;
      let args =[];
      for(let i=1;i<arguments.length;i++){
          args.push('arguments[' + i + ']');
      }
      var result = eval("context.fn( " + args + ")");  // args 会调用toString()方法 
      delete context.fn;            “arguments[1],arguments[2]”   
      return result;
}

2.bind 实现

  Function.prototype.bind = function(context){
      let self = this;
      let proto = Array.prototype;
      let args =proto.slice.call(arguments,1);    // 调用bind方法传入的参数

      function forBind(){};
      forBind.prototype = this.prototype;     // 考虑到通过中间对象引用当前方法的原型
      let bindfun = function(){
          let lateArg = proto.slice.call(arguments);        // 调用bind后返回的方法传入的参数
          self.apply(context,args.contact(lateArg));
      }
      bindfun.prototype = new forBind();       //  指向当前方法的原型
      return bindfun;
}

3.array的几个常用方法

forEach  (遍历数组中的元素)

  [1,2,3].forEach(function(item,idx,arr){  //item为每个元素idx为当前元素索引 arr 为当前数组 
      console.log(item + "--" + idx );
  })

map (遍历数组  通过返回的值得到一个新的数组)

  let mapArr = [1,2,3].map(function(item,idx,arr){     
         return item *item;
  })
  console.log('mapArr---------:',mapArr)          //   mapArr---------: (3) [1, 4, 9]

filter(遍历数组   将返回为true的元素组成新的数组)
  let filterArr=[2,3,4].filter(function(item,idx,arr){
         return item %2 ==0;
  })

  console.log("filterArr----------------:",filterArr)     // filterArr----------------: (2) [2, 4]

every(遍历数组 每个元素符合条件返回true时 最终结果才为true)
  let everyBool = [1,2,3].every(function(item,idx,arr){
         return item >=1;

  })

  console.log("everyBool----------:",everyBool )       // everyBool----------: true

some(遍历数组 有一个元素符合条件返回true时 最终结果便为true)

  let someBool = [1,2,3].some(function(item,idx,arr){
         return item >=3;

  })

  console.log("someBool----------:",someBool)       // someBool----------: true

call bind的实现以及数组常用方法的更多相关文章

  1. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  2. javascript 数组 常用方法

    前言  学学忘忘  闲来做个笔记 整理下数组常用方法. Array 数组常用方法  创建数组的基本方式有两种    1.第一种是使用Array构造函数,  var arr = new Array(); ...

  3. Object-c的数组常用方法

    Object-c的数组常用方法 #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @a ...

  4. ES6中的数组常用方法

    数组在JS中虽然没有函数地位那么高,但是也有着举足轻重的地位,下面我就结合这ES5中的一些常用的方法,与ES6中的一些方法做一些说明和实际用途.大家也可以关注我的微信公众号,蜗牛全栈. 一.ES5中数 ...

  5. JavaScript 数组 常用方法(二)

    写在前面:续接上篇 JavaScript 数组 常用方法 数组常用方法第二弹来了: some && every 描述: every()与some()方法都是JS中数组的迭代方法. so ...

  6. JavaScript数组常用方法解析和深层次js数组扁平化

    前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...

  7. 第一百一十四篇: JS数组Array(三)数组常用方法

    好家伙,本篇为<JS高级程序设计>第六章"集合引用类型"学习笔记   1.数组的复制和填充 批量复制方法 copyWithin(),以及填充数组方法fill(). 这两 ...

  8. Jsの练习-数组常用方法

    1. join() 方法: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  9. call,apply,bind与es6的数组扩展运算符...

    js中每一个Function对象都有一个apply个一个call方法: function.apply(thisObj,[argArray]); function.call(thisObj,arg1,a ...

  10. JavaScript基础之数组常用方法

    目录 JS 数组常用API 常用属性 常用方法 常见方法语法解释 from方法 isArray concat every fill filter find forEach indexOf join k ...

随机推荐

  1. [C#]判断一个IP是否在某个IP段内

    关于IP地址 IPv4地址是由4段0-255的数字组成的,例如:a.b.c.d(0≤a,b,c,d≤255),IPv4也叫32位地址,为什么是32位呢,因为把每一段转换成二进制后,它的取值范围就是00 ...

  2. Vue框架中有关 computed的相关知识

    1,传统使用computed属性的方式如下: 注意:此时如果我们点击修改的时候会有如下警告(表示computed属性不可以修改,如果非得修改,我们应该如下下图所示操作) 2,修改computed属性的 ...

  3. VUE学习-渲染函数

    渲染函数 x-template 引入外面组件文件写法 <template> <h1 v-if="level === 1"> <slot>< ...

  4. node版本和用的包不兼容问题,头疼

    经常遇到node版本和包不兼容的问题,在茫茫大海中学习的时候发现一个nvm,可以随时切换node版本,简直不要太开心,附上流程 环境windows 首先:下载一个nvm包https://github. ...

  5. 086_Service Cloud

    最近一个Call Center的项目刚刚开始,使用的是Sales Cloud + Service Cloud 首先在sfdc上配置一个 call center等一些电话服务的url 安装一个CTI , ...

  6. ubuntu18.04 安装 opencv(版本4.5.5) cmake(版本3.25)

    参考链接:安装cmake     https://blog.csdn.net/Man_1man/article/details/126467371   安装 opencv  https://blog. ...

  7. 2021-12-14 MobX分享

    MobX分享 文档地址: https://cn.mobx.js.org/ MobX是一种简单的.可扩展的状态管理,它通过透明的函数响应式编程使得状态管理变得简单和可扩展. React通过提供机制把应用 ...

  8. [iOS] iPhone,开发工具的一些杂项

    1.在safari的开发菜单里一直不显示我当前的iPhone,后来机缘巧合在 设置- 开发者 - Clear Trusted Computers ,重新信任电脑之后,就OK了(️)

  9. Linux学习 --- 网络基础知识

    1.1  IP地址 IP地址由两部分组成  网络号和主机号 .网络号为IP地址的高位组成,而主机号是IP地址的低位组成,两个的大小取决于网络的类型. IP地址根据网络的地址不同分为:A类,B类,C类, ...

  10. jemter 分布式压测

    1.测试机搭建 首选 压力机A,压力机B,压力机C, 压力机A作为控制台 压力机B,压力机C作为分布式的测试机 压力机Aip:172.16.23.69, 压力机Bip:192.168.184.128 ...