这篇文章主要介绍了JS中使用Array函数shift和pop创建可忽略参数的例子,这是一种比较高级的应用,需要的朋友可以参考下

在 JS Array 中支持两个方法,shift() 和 pop(),分别是指从一个数据中的最前面和最后面删除一个值,并返删除值。看一个示例就明白了:


var arr = ['s','o','f','i','s','h'];

arr.shift(); // 返回 's'
arr; // 目前是 ['o','f','i','s','h']
arr.pop() // 返回 'h'
arr // 目前是 ['o','f','i','s']


在很多 JS 框架中可以很常见的是,一个方法提供你传几个参数,而这些参数中,部分是可以忽略的,这些可以忽略的点可能是第一个,也可能是最后一个。传统的写法是判断参数有没有存在,或者参数的个数来决定最终取值。

这里,我们可以利用函数的 arguments 对象,以及 Array 中的 shift 和 pop 来实现灵活的应用。

一、使用 shift
如何实现一个 .bind() 方法,让 fn api 如下:


// fn 的作用域限定于 object 下
// 除 object 外,所有 bind 方法的参数都将传给 fn
fn.bind(object, param1, param2, [, paramN]);

看一个实例先。当然,这例子可能更为重要的是 call和 apply 的应用。不过,我们想要说的是 shift 的应用:

// 来自 Prototype.js 的 [`.bind`](http://www.prototypejs.org/api/function/bind) 方法
Function.prototype.bind = function(){
  var fn = this,
  args = Array.prototype.slice.call(arguments),
  object = args.shift();
  return function(){
  return fn.apply(object,
  args.concat(Array.prototype.slice.call(arguments)));
  };
};

我们可以利用对 arguments 对象(array-like object,需要转换成真正的 array)进行 shift 来取出,像这个方法,主要利用它们来分出作为作用域的 object,然后巧妙地把余下的参数数组传给 fn,即调用我们想限定到 object 作用域内的函数。

二、使用 pop
最近在试用 seajs,我们就拿它的一个 api 来说吧:


define(id, dependencies, callback)

这个定义一个模块的 api,id 和 dependencies 都是可以省略的。这里,如何实现这个支持呢?如果使用 if 来判断,真就得 if (arguments === 1) {...} elseif ... 一大堆了。当然,这样有时候也有好处的(?,想想)。这里,我们可能用来 pop 来方便实现这样的支持:

var define = function(){
  // 取出这个 callback
  var args = [].slice.call(arguments)
  fn = args.pop();
  // 做点其他神马事
  fn.apply(null, args)
  // ...
  },
  callback = function(){
  var args = arguments, i = 0, len = args.length;
  if(len === 0) console.log('只有一个 callback');
  for(;i<len;i++) {
  console.log(args[i]);
  }
  }

// 看看他们三个的执行结果
define(callback);
define('有两个参数', callback);
define('有三个参数', 'hello world', callback);


前两天和同事除到一些 JS 中的时引用的一个东西。虽然总叫自己不要太沉浸于代码中,但代码,不仅仅是 JS,总是给我们太多。如何不喜欢。哈哈。

最新资讯
法国夺冠,华帝其实也能省7900万

法国夺冠,华帝其实也能

在这次世界杯球场外商家们的借势营销大战中,华帝无疑是
苹果在印度遭遇滑铁卢 但仍做着最后的倔强

苹果在印度遭遇滑铁卢

国产手机厂商正在攻占印度消费级市场,而苹果在印度逐渐
苹果印度3高管离职 上半年销量不足100万台

苹果印度3高管离职 上

苹果首席执行官蒂姆·库克一向对印度市场评价乐观,但iP
送餐费上涨,骑手坦言为几块钱与生命赛跑

送餐费上涨,骑手坦言为

离不开外卖的人们,从外面看这个圈子总是充满好奇。那么
iPhone 9机模曝光 设计上全部继承iPhone X基因

iPhone 9机模曝光 设

从整体设计来看,新iPhone与iPhone X 并无太大差异,均采
全面屏iPad或将今年推出 苹果注册两款新iPad型号

全面屏iPad或将今年推

近日外媒发现苹果在数据库中新增了两种平板的型号,分别
最新文章
Angular2进阶之如何避免Dom误区

Angular2进阶之如何避

这篇文章主要介绍了Angular2进阶之如何避免Dom误区,小
使用FileReader API创建Vue文件阅读器组件

使用FileReader API创

这篇文章主要介绍了使用FileReader API创建一个Vue的
react 实现页面代码分割、按需加载的方法

react 实现页面代码分

本篇文章主要介绍了react 实现页面代码分割、按需加载
Vue项目分环境打包的实现步骤

Vue项目分环境打包的

这篇文章主要介绍了Vue项目如何分环境打包,实现方法大
vue 组件中slot插口的具体用法

vue 组件中slot插口的

这篇文章主要介绍了vue 中slot 的具体用法,包括子组件
JS遍历DOM文档树的方法实例详解

JS遍历DOM文档树的方

这篇文章主要介绍了JS遍历DOM文档树的方法,结合实例形