JavaScript-笔试题之indexOf() forEach() map方法重写 #

2023-12-18 16:58

本文主要是介绍JavaScript-笔试题之indexOf() forEach() map方法重写 #,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

请重写indexOf()方法

if(typeof Array.prototype.indexOf !="function")Array.prototype.indexOf=function(elem,fromi){document.write("调用自定义indexOf...<br>");fromi=fromi||0;//默认值//this->将来调用indexOf的.前的子对象var arr=this;for(var i=fromi;i<arr.length;i++){if(arr[i]===elem) return i;}return -1;}

#请重写forEach()方法

if (typeof Array.prototype.forEach != 'function') {Array.prototype.forEach = function(callback){for (var i = 0; i < this.length; i++){if(arr[i]=undefined) {callback(this[i], i, this);}}}}

#请重写map方法

if (typeof Array.prototype.map != 'function') {Array.prototype.map = function (callback) {var arr=this;var result=[];for(var i=0;i<arr.length;i++){if(arr[i]=undefined){result[i]=callback(arr[i],i,arr);}}}}

#JavaScript bind()方法的重写

bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值, 在调用新函数时,在任何提供之前提供一个给定的参数序列;

据了解bind()方法只在ie10以上的浏览器中可以支持,为此,在低版本浏览器下运行需重写bind()方法;

var result = fun.bind(thisArg[, arg1[, arg2[, ...]]]);result(newArg1, newArg2...);

首先,先初步的实现,先考虑传入一个参数的情况

if(!("bind" in Function.prototype)){Function.prototype.bind=function(obj){var fun = this;   //this用来绑定将来调用bind的原函数对象return function(){fun.call(obj);}//利用闭包将this牢牢地绑定在obj上}function calc(base,bonus1,bonus2){console.log(this.ename+"的总工资是"+(base+bonus1+bonus2));}
}
var lilei={ename:"Li Lei"};
var lilei_calc = calc.bind(lilei,10000,3000,2000);
lilei_calc();
//Li Lei的总工资是NaN

此方法虽说没能正确输出结果,起码初步实现this的绑定;基本功能实现下来进行进一步改造; 通常,bind()传入的参数,往往不止一个;所以利用agruments进行接收;

 if(!("bind" in Function.prototype))Function.prototype.bind=function(obj){var fun = this;var agrs=Array.prototype.slice.call(arguments,1);//调用Array原型对象中的slice()将arguments类数组中除了第一项的值取出来,并存为数组return function(){var sals=//arguments.slice()Array.prototype.slice.call(arguments);fun.apply(obj,agrs.concat(sals));//apply()要求必须为数组}}
function calc(base,bonus1,bonus2){console.log(this.ename+"的总工资是"+(base+bonus1+bonus2));
}
var lilei={ename:"Li Lei"};
var lilei_calc = calc.bind(lilei,10000,2000,3000);
lilei_calc();

基本功能实现; 此外,还可以基于ES6对上述代码进行修改简化,得到下面的版本,至于低版本的浏览器支不支持我就不得而知了!

Function.prototype.bind=function(obj,...args){console.log("调用自定义的bind");var fun=this;//args本来就不包含obj,且是纯正的数组!return function(...sals){fun.call(obj,...args.concat(sals));}}

 

这篇关于JavaScript-笔试题之indexOf() forEach() map方法重写 #的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/509144

相关文章

SpringBoot通过main方法启动web项目实践

《SpringBoot通过main方法启动web项目实践》SpringBoot通过SpringApplication.run()启动Web项目,自动推断应用类型,加载初始化器与监听器,配置Spring... 目录1. 启动入口:SpringApplication.run()2. SpringApplicat

Java利用@SneakyThrows注解提升异常处理效率详解

《Java利用@SneakyThrows注解提升异常处理效率详解》这篇文章将深度剖析@SneakyThrows的原理,用法,适用场景以及隐藏的陷阱,看看它如何让Java异常处理效率飙升50%,感兴趣的... 目录前言一、检查型异常的“诅咒”:为什么Java开发者讨厌它1.1 检查型异常的痛点1.2 为什么说

基于Java开发一个极简版敏感词检测工具

《基于Java开发一个极简版敏感词检测工具》这篇文章主要为大家详细介绍了如何基于Java开发一个极简版敏感词检测工具,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录你是否还在为敏感词检测头疼一、极简版Java敏感词检测工具的3大核心优势1.1 优势1:DFA算法驱动,效率提升10

Java使用正则提取字符串中的内容的详细步骤

《Java使用正则提取字符串中的内容的详细步骤》:本文主要介绍Java中使用正则表达式提取字符串内容的方法,通过Pattern和Matcher类实现,涵盖编译正则、查找匹配、分组捕获、数字与邮箱提... 目录1. 基础流程2. 关键方法说明3. 常见场景示例场景1:提取所有数字场景2:提取邮箱地址4. 高级

使用SpringBoot+InfluxDB实现高效数据存储与查询

《使用SpringBoot+InfluxDB实现高效数据存储与查询》InfluxDB是一个开源的时间序列数据库,特别适合处理带有时间戳的监控数据、指标数据等,下面详细介绍如何在SpringBoot项目... 目录1、项目介绍2、 InfluxDB 介绍3、Spring Boot 配置 InfluxDB4、I

基于Java和FFmpeg实现视频压缩和剪辑功能

《基于Java和FFmpeg实现视频压缩和剪辑功能》在视频处理开发中,压缩和剪辑是常见的需求,本文将介绍如何使用Java结合FFmpeg实现视频压缩和剪辑功能,同时去除数据库操作,仅专注于视频处理,需... 目录引言1. 环境准备1.1 项目依赖1.2 安装 FFmpeg2. 视频压缩功能实现2.1 主要功

使用Java读取本地文件并转换为MultipartFile对象的方法

《使用Java读取本地文件并转换为MultipartFile对象的方法》在许多JavaWeb应用中,我们经常会遇到将本地文件上传至服务器或其他系统的需求,在这种场景下,MultipartFile对象非... 目录1. 基本需求2. 自定义 MultipartFile 类3. 实现代码4. 代码解析5. 自定

Python文本相似度计算的方法大全

《Python文本相似度计算的方法大全》文本相似度是指两个文本在内容、结构或语义上的相近程度,通常用0到1之间的数值表示,0表示完全不同,1表示完全相同,本文将深入解析多种文本相似度计算方法,帮助您选... 目录前言什么是文本相似度?1. Levenshtein 距离(编辑距离)核心公式实现示例2. Jac

Spring-DI依赖注入全过程

《Spring-DI依赖注入全过程》SpringDI是核心特性,通过容器管理依赖注入,降低耦合度,实现方式包括组件扫描、构造器/设值/字段注入、自动装配及作用域配置,支持灵活的依赖管理与生命周期控制,... 目录1. 什么是Spring DI?2.Spring如何做的DI3.总结1. 什么是Spring D

spring AMQP代码生成rabbitmq的exchange and queue教程

《springAMQP代码生成rabbitmq的exchangeandqueue教程》使用SpringAMQP代码直接创建RabbitMQexchange和queue,并确保绑定关系自动成立,简... 目录spring AMQP代码生成rabbitmq的exchange and 编程queue执行结果总结s