call bind的实现以及数组常用方法
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的实现以及数组常用方法的更多相关文章
- javascript中数组常用方法总结
原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...
- javascript 数组 常用方法
前言 学学忘忘 闲来做个笔记 整理下数组常用方法. Array 数组常用方法 创建数组的基本方式有两种 1.第一种是使用Array构造函数, var arr = new Array(); ...
- Object-c的数组常用方法
Object-c的数组常用方法 #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @a ...
- ES6中的数组常用方法
数组在JS中虽然没有函数地位那么高,但是也有着举足轻重的地位,下面我就结合这ES5中的一些常用的方法,与ES6中的一些方法做一些说明和实际用途.大家也可以关注我的微信公众号,蜗牛全栈. 一.ES5中数 ...
- JavaScript 数组 常用方法(二)
写在前面:续接上篇 JavaScript 数组 常用方法 数组常用方法第二弹来了: some && every 描述: every()与some()方法都是JS中数组的迭代方法. so ...
- JavaScript数组常用方法解析和深层次js数组扁平化
前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...
- 第一百一十四篇: JS数组Array(三)数组常用方法
好家伙,本篇为<JS高级程序设计>第六章"集合引用类型"学习笔记 1.数组的复制和填充 批量复制方法 copyWithin(),以及填充数组方法fill(). 这两 ...
- Jsの练习-数组常用方法
1. join() 方法: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- call,apply,bind与es6的数组扩展运算符...
js中每一个Function对象都有一个apply个一个call方法: function.apply(thisObj,[argArray]); function.call(thisObj,arg1,a ...
- JavaScript基础之数组常用方法
目录 JS 数组常用API 常用属性 常用方法 常见方法语法解释 from方法 isArray concat every fill filter find forEach indexOf join k ...
随机推荐
- php 安装 自带扩展
# 进入安装包解压目录 cd /usr/local/src/php-8.0.0/ # 进入扩展目录 cd ext/gd # 编译 phpize # 配置 ./configure --with-php- ...
- 随机颜色,加载loading效果,节流,应用周期函数,wxs
随机颜色 data: { colorList:[] }, getColor(){ wx.request({ url: 'https://www.escook.cn/api/color', method ...
- 多点DLT (Direct Linear Transformation) 算法
阅读前可以先参看上一篇代数视觉博客: 四点DLT (Dierct Linear Transformation) 算法 对于大于4个点的数据点来进行 DLT 算法变换, 如果数据点的标注都十分准确,那么 ...
- 新的学习历程-python6 字符串基础使用
1 sentence1 = 'tom\'s pet is a cat' # 单引号中包含转单引号 2 sentence2 = "tom\'s pet is a cat" 3 sen ...
- 如果还有问ARKIME不会部署安装,你就把这篇丢给他!
前言 关于在线安装和离线安装的配合方式,在本文中不再赘述.基本就是准备在线.离线两个一模一样的环境,在在线环境中边安装边借助yumdownloader.wget等解析依赖和下载安装包,然后再离线环境中 ...
- Oracle UNDO表空间的管理
Oracle UNDO表空间的管理 UNDO表空间的管理是Oracle DBA最重要的日常工作之一,UNDO表空间用来暂时存储DML操作的数据,其主要作用有: 1.事务回滚 2.实例恢复 3.读一致性 ...
- 072_关于Dataloader导入Record的创建时间及修改时间并允许owner是Inactive
1.在User interface 中 启用 Enable "Set Audit Fields upon Record Creation" and "Update Rec ...
- vscode 报错command line option ‘-std=c11‘ is valid for C/ObjC but not for C++
cc1plus.exe: warning: command-line option '-std=c17' is valid for C/ObjC but not for C++ 编译运行出现警告,原因 ...
- C# 设置桌面为父窗口
#region 设置桌面为父窗口 IntPtr hDesktop; public const int GW_CHILD = 5; public IntPtr GetDesktopHandle(Desk ...
- sxt_(001_002)_web简介
一.web 网络.网页二.web应用 运行在网络上的应用程序.三.网络应用的分类 3.1 c/s:client/server 如:qq.yy.lol 优点: 个性化更容易实现 更安全 占用网络资源少. ...