JavaScript封装的常用工具类库bee.js用法详解【经典类库】

1. 什么是bee.js

bee.js是一款小而美的JavaScript工具类库，它提供了众多常用的功能函数，例如类型判断、DOM操作、数据结构等。它被设计成符合模块化开发思想，可以轻松集成到各种前端框架和项目中。

2. bee.js的安装和引入

你可以通过npm安装bee.js

npm install bee.js --save

或者通过CDN引入bee.js

<script src="https://cdn.jsdelivr.net/npm/bee.js"></script>

如果你需要在浏览器中直接使用bee.js，可以使用全局变量如下：

<script src="https://cdn.jsdelivr.net/npm/bee.js"></script>
<script>
  console.log(Bee.isArray([])); // true
</script>

3. bee.js的常用函数

下面介绍几个bee.js的常用函数：

3.1 isArray

用于判断一个对象是否是一个数组

Bee.isArray([]); // true
Bee.isArray({}); // false

3.2 each

用于遍历一个数组或对象，并执行回调函数

Bee.each([1, 2, 3], function(item, index, arr) {
  console.log(item, index, arr);
});
// 1 0 [1, 2, 3]
// 2 1 [1, 2, 3]
// 3 2 [1, 2, 3]

Bee.each({ a: 1, b: 2, c: 3 }, function(item, key, obj) {
  console.log(key, item, obj);
});
// a 1 { a: 1, b: 2, c: 3 }
// b 2 { a: 1, b: 2, c: 3 }
// c 3 { a: 1, b: 2, c: 3 }

3.3 trim

用于去除字符串的首尾空格

Bee.trim('  hello world '); // 'hello world'

3.4 extend

用于合并多个对象

var obj1 = { a: 1, b: 2 };
var obj2 = { c: 3 };
var obj3 = Bee.extend({}, obj1, obj2);

console.log(obj3); // { a: 1, b: 2, c: 3 }

4. bee.js的实例

4.1 计算数组平均值

function average(arr) {
  var sum = 0;
  Bee.each(arr, function(num) {
    sum += num;
  });
  return sum / arr.length;
}

average([1, 2, 3, 4, 5]); // 3

4.2 队列数据结构

var queue = new Bee.Queue();

queue.enqueue('a');
queue.enqueue('b');
queue.enqueue('c');

console.log(queue.size()); // 3
console.log(queue.dequeue()); // 'a'
console.log(queue.front()); // 'b'
console.log(queue.isEmpty()); // false