博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript-笔试题之indexOf() forEach() map方法重写 #
阅读量:4086 次
发布时间:2019-05-25

本文共 2278 字,大约阅读时间需要 7 分钟。

请重写indexOf()方法

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

请重写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

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));    }  }

 

转载地址:http://fpwii.baihongyu.com/

你可能感兴趣的文章
React Redux常见问题总结
查看>>
前端 DSL 实践指南
查看>>
ReactNative: 自定义ReactNative API组件
查看>>
cookie
查看>>
总结vue知识体系之实用技巧
查看>>
PM2 入门
查看>>
掌握 TS 这些工具类型,让你开发事半功倍
查看>>
前端如何搭建一个成熟的脚手架
查看>>
Flutter ListView如何添加HeaderView和FooterView
查看>>
Flutter key
查看>>
Flutter 组件通信(父子、兄弟)
查看>>
Flutter Animation动画
查看>>
Flutter 全局监听路由堆栈变化
查看>>
Android 混合Flutter之产物集成方式
查看>>
Flutter混合开发二-FlutterBoost使用介绍
查看>>
Flutter 混合开发框架模式探索
查看>>
Flutter 核心原理与混合开发模式
查看>>
Flutter Boost的router管理
查看>>
Android Flutter混合编译
查看>>
微信小程序 Audio API
查看>>