cody-utils 1.0.1

package/src/array/declares.js

@@ -0,0 +1,92 @@
+/* 
+实现数组声明式处理系列工具函数
+*/
+
+/* 
+实现map()
+*/
+export function map (array, callback) {
+  const arr = []
+  for (let index = 0; index < array.length; index++) {
+    arr.push(callback(array[index], index))
+  }
+  return arr
+}
+
+/*
+实现reduce() 
+*/
+export function reduce (array, callback, initValue) {
+  let result = initValue
+  for (let index = 0; index < array.length; index++) {
+    // 调用回调函数将返回的结果赋值给result
+    result = callback(result, array[index], index)
+  }
+  return result
+}
+
+/* 
+实现filter()
+*/
+export function filter(array, callback) {
+  
+  const arr = []
+  for (let index = 0; index < array.length; index++) {
+    if (callback(array[index], index)) {
+      arr.push(array[index])
+    }
+  }
+  return arr
+}
+
+/* 
+实现find()
+*/
+export function find (array, callback) {
+  for (let index = 0; index < array.length; index++) {
+    if (callback(array[index], index)) {
+      return array[index]
+    }
+  }
+  return undefined
+}
+
+/* 
+实现findIndex()
+*/
+export function findIndex (array, callback) {
+  for (let index = 0; index < array.length; index++) {
+    if (callback(array[index], index)) {
+      return index
+    }
+  }
+  return -1
+}
+
+ /* 
+ 实现every()
+ */
+ export function every (array, callback) {
+  for (let index = 0; index < array.length; index++) {
+    if (!callback(array[index], index)) { // 只有一个结果为false, 直接返回false
+      return false
+    }
+  }
+  return true
+}
+
+/* 
+实现some()
+*/
+export function some (array, callback) {
+  for (let index = 0; index < array.length; index++) {
+    if (callback(array[index], index)) { // 只有一个结果为true, 直接返回true
+      return true
+    }
+  }
+  return false
+}
+
+export function test() {
+  console.log('test()222')
+}

package/src/array/difference.js

@@ -0,0 +1,12 @@
+/* 
+difference(arr1, arr2): 得到arr1中所有不在arr2中的元素组成的数组(不改变原数组)
+    如: [1,3,5,7].difference([5, 8])  ==> [1, 3, 7]
+*/
+export function difference (arr1, arr2) {
+  if (arr1.length===0) {
+    return []
+  } else if (arr2.length===0) {
+    return arr1.slice()
+  }
+  return arr1.filter(item => arr2.indexOf(item)===-1)
+}

package/src/array/drop.js

@@ -0,0 +1,28 @@
+/* 
+1. drop(array, count): 
+    得到数组过滤掉左边count个后剩余元素组成的数组
+    说明: 不改变当前数组, count默认是1
+    如: drop([1,3,5,7], 2) ===> [5, 7]
+2. dropRight(array, count): 
+    得到数组过滤掉右边count个后剩余元素组成的数组
+    说明: 不改变数组, count默认是1
+    如: dropRight([1,3,5,7], 2) ===> [1, 3]
+*/
+
+export function drop (array, count) {
+  if (array.length === 0 || count >= array.length) {
+    return []
+  }
+  count = count || 1
+  
+  return array.filter((item, index) => index>=count)
+}
+
+export function dropRight (array, count) {
+  if (array.length === 0 || count >= array.length) {
+    return []
+  }
+  count = count || 1
+
+  return array.filter((item, index) => index < array.length-count)
+}

package/src/array/flatten.js

@@ -0,0 +1,28 @@
+/* 
+数组扁平化: 取出嵌套数组(多维)中的所有元素放到一个新数组(一维)中
+  如: [1, [3, [2, 4]]]  ==>  [1, 3, 2, 4]
+*/
+
+/*
+方法一: 递归 + reduce() + concat()
+*/
+export function flatten1 (array) {
+  return array.reduce((pre, item) => {
+    if (Array.isArray(item)) {
+      return pre.concat(flatten1(item))
+    } else {
+      return pre.concat(item)
+    }
+  }, [])
+}
+
+/*
+方法二: ... + some() + concat()
+*/
+export function flatten2 (array) {
+  let arr = [].concat(...array)
+  while (arr.some(item => Array.isArray(item))) {
+    arr = [].concat(...arr)
+  }
+  return arr
+}

package/src/array/merge.js

@@ -0,0 +1,18 @@
+/* 
+merge(arr1, arr2): 将arr2与arr1的元素进行合并组成一个新的数组(不改变原数组)
+  如: merge([1,3,5,7,5], [1, 5, 8]) ==> [1, 3, 5, 7, 5, 8]
+*/
+
+export function mergeArray (arr1, arr2) {
+  var result = arr1.slice()
+  if (!arr2 || arr2.length===0) {
+    return result
+  }
+  arr2.forEach(item => {
+    if (result.indexOf(item)===-1) {
+      result.push(item)
+    }
+  })
+  
+  return result
+}

package/src/array/pull.js

@@ -0,0 +1,33 @@
+/* 
+1. pull(array, ...values): 
+    删除数组中与value相同的元素, 返回所有删除元素的数组
+    说明: 数组发生了改变
+    如: pull([1,3,5,3,7], 2, 7, 3, 7) ===> 数组变为[1, 5], 返回值为[3,3,7]
+2. pullAll(array, values): 
+    功能与pull一致, 只是参数变为数组
+    如: pullAll([1,3,5,3,7], [2, 7, 3, 7]) ===> 数组变为[1, 5], 返回值为[3,3,7]
+*/
+
+export function pull (array, ...values) {
+  if (array.length===0 || values.length===0) {
+    return []
+  }
+  values = Array.from(new Set(values))
+  var result = []
+  for (let index = 0; index < array.length; index++) {
+    const item = array[index];
+     if (values.indexOf(item)!==-1) {
+      array.splice(index, 1)
+      result.push(item)
+      index--
+    }
+  }
+  return result
+}
+
+export function pullAll (array, values) {
+  if (!values || !Array.isArray(values)) {
+    return []
+  }
+  return pull(array, ...values)
+}

package/src/array/slice.js

@@ -0,0 +1,33 @@
+/* 
+  语法: var new_array = slice(oldArr, [begin[, end]])
+  功能: 返回一个由 begin 和 end 决定的原数组的浅拷贝, 原始数组不会被改变
+*/
+export function slice (array, begin, end) {
+  // 如果当前数组是[], 直接返回[]
+  if (array.length === 0) {
+    return []
+  }
+
+  // 如果begin超过最大下标, 直接返回[]
+  begin = begin || 0
+  if (begin >= array.length) {
+    return []
+  }
+
+  // 如果end不大于begin, 直接返回[]
+  end = end || array.length
+  if (end > array.length) {
+    end = array.length
+  }
+  if (end <= begin) {
+    return []
+  }
+
+  // 取出下标在[begin, end)区间的元素, 并保存到最终的数组中
+  const arr = []
+  for (let index = begin; index < end; index++) {
+    arr.push(array[index])
+  }
+
+  return arr
+}

package/src/array/unique.js

@@ -0,0 +1,40 @@
+/*
+方法1: 利用forEach()和indexOf()
+  说明: 本质是双重遍历, 效率差些
+*/
+export function unique1 (array) {
+  const arr = []
+  array.forEach(item => {
+    if (arr.indexOf(item)===-1) {
+      arr.push(item)
+    }
+  })
+  return arr
+}
+
+/*
+方法2: 利用forEach() + 对象容器
+  说明: 只需一重遍历, 效率高些
+*/
+export function unique2 (array) {
+  const arr = []
+  const obj = {}
+  array.forEach(item => {
+    if (!obj.hasOwnProperty(item)) {
+      obj[item] = true
+      arr.push(item)
+    }
+  })
+  return arr
+}
+
+/*
+方法3: 利用ES6语法
+    1). from + Set
+    2). ... + Set
+    说明: 编码简洁
+*/
+export function unique3 (array) {
+  // return Array.from(new Set(array))
+  return [...new Set(array)]
+}

package/src/axios/index.js

@@ -0,0 +1,97 @@
+/* 
+  1. 函数的返回值为promise, 成功的结果为response, 失败的结果为error
+  2. 能处理多种类型的请求: GET/POST/PUT/DELETE
+  3. 函数的参数为一个配置对象
+      {
+        url: '',   // 请求地址
+        method: '',   // 请求方式GET/POST/PUT/DELETE
+        params: {},  // GET/DELETE请求的query参数
+        data: {}, // POST或DELETE请求的请求体参数 
+      }
+  4. 响应json数据自动解析为js的对象/数组
+*/
+/* 发送任意类型请求的函数 */
+function axios({
+  url,
+  method='GET',
+  params={},
+  data={}
+}) {
+  // 返回一个promise对象
+  return new Promise((resolve, reject) => {
+
+    // 处理method(转大写)
+    method = method.toUpperCase()
+
+    // 处理query参数(拼接到url上)   id=1&xxx=abc
+    /* 
+    {
+      id: 1,
+      xxx: 'abc'
+    }
+    */
+    let queryString = ''
+    Object.keys(params).forEach(key => {
+      queryString += `${key}=${params[key]}&`
+    })
+    if (queryString) { // id=1&xxx=abc&
+      // 去除最后的&
+      queryString = queryString.substring(0, queryString.length-1)
+      // 接到url
+      url += '?' + queryString
+    }
+
+
+    // 1. 执行异步ajax请求
+    // 创建xhr对象
+    const request = new XMLHttpRequest()
+    // 打开连接(初始化请求, 没有请求)
+    request.open(method, url, true)
+
+    // 发送请求
+    if (method==='GET') {
+      request.send()
+    } else if (method==='POST' || method==='PUT' || method==='DELETE'){
+      request.setRequestHeader('Content-Type', 'application/json;charset=utf-8') // 告诉服务器请求体的格式是json
+      request.send(JSON.stringify(data)) // 发送json格式请求体参数
+    }
+
+    // 绑定状态改变的监听
+    request.onreadystatechange = function () {
+      // 如果请求没有完成, 直接结束
+      if (request.readyState!==4) {
+        return
+      }
+      // 如果响应状态码在[200, 300)之间代表成功, 否则失败
+      const {status, statusText} = request
+      // 2.1. 如果请求成功了, 调用resolve()
+      if (status>=200 && status<=299) {
+        // 准备结果数据对象response
+        const response = {
+          data: JSON.parse(request.response),
+          status,
+          statusText
+        }
+        resolve(response)
+      } else { // 2.2. 如果请求失败了, 调用reject()
+        reject(new Error('request error status is ' + status))
+      }
+    }
+  })
+}
+
+/* 发送特定请求的静态方法 */
+axios.get = function (url, options) {
+  return axios(Object.assign(options, {url, method: 'GET'}))
+}
+axios.delete = function (url, options) {
+  return axios(Object.assign(options, {url, method: 'DELETE'}))
+}
+axios.post = function (url, data, options) {
+  return axios(Object.assign(options, {url, data, method: 'POST'}))
+}
+axios.put = function (url, data, options) {
+  return axios(Object.assign(options, {url, data, method: 'PUT'}))
+}
+
+export default axios

package/src/event-bus/index.js

@@ -0,0 +1,46 @@
+const eventBus = {}
+
+/* 
+{
+  add:  [callback1, callback2]
+  delete: [callback3]
+}
+*/
+let callbacksObj = {}
+
+/* 
+绑定事件监听
+*/
+eventBus.on = function (eventName, callback) {
+  const callbacks = callbacksObj[eventName]
+  if (callbacks) {
+    callbacks.push(callback)
+  } else {
+    callbacksObj[eventName] = [callback]
+  }
+}
+
+/* 
+分发事件
+*/
+eventBus.emit = function (eventName, data) {
+  const callbacks = callbacksObj[eventName]
+  if (callbacks && callbacks.length > 0) {
+    callbacks.forEach(callback => {
+      callback(data)
+    })
+  }
+}
+
+/* 
+移除事件监听
+*/
+eventBus.off = function (eventName) {
+  if (eventName) {
+    delete callbacksObj[eventName]
+  } else {
+    callbacksObj = {}
+  }
+}
+
+export default eventBus

package/src/function/apply.js

@@ -0,0 +1,17 @@
+/* 
+自定义函数对象的apply方法
+*/
+export function apply (fn, obj, args) {
+  // 如果传入的是null/undefined, this指定为window
+  if (obj===null || obj===undefined) {
+    obj = obj || window
+  }
+  // 给obj添加一个方法: 属性名任意, 属性值必须当前调用call的函数对象
+  obj.tempFn = fn
+  // 通过obj调用这个方法
+  const result = obj.tempFn(...args)
+  // 删除新添加的方法
+  delete obj.tempFn
+  // 返回函数调用的结果
+  return result
+}

package/src/function/bind.js

@@ -0,0 +1,18 @@
+import {call} from './call'
+/* 
+  自定义函数对象的bind方法
+  重要技术:
+    高阶函数
+    闭包
+    call()
+    三点运算符
+*/
+export function bind (fn, obj, ...args) {
+  if (obj===null || obj===undefined) {
+    obj = obj || window
+  }
+  
+  return function (...args2) {
+    call(fn, obj, ...args, ...args2)
+  }
+}

package/src/function/call.js

@@ -0,0 +1,17 @@
+/* 
+自定义函数对象的call方法
+*/
+export function call (fn, obj, ...args) {
+  // 如果传入的是null/undefined, this指定为window
+  if (obj===null || obj===undefined) {
+    obj = obj || window
+  }
+  // 给obj添加一个方法: 属性名任意, 属性值必须当前调用call的函数对象
+  obj.tempFn = fn
+  // 通过obj调用这个方法
+  const result = obj.tempFn(...args)
+  // 删除新添加的方法
+  delete obj.tempFn
+  // 返回函数调用的结果
+  return result
+}

package/src/function/debounce.js

@@ -0,0 +1,22 @@
+/* 
+实现函数防抖的函数
+*/
+export function debounce(callback, delay) {
+  return function () {
+    console.log('debounce 事件...')
+    // 保存this和arguments
+    const that = this
+    const args = arguments
+    
+    // 清除待执行的定时器任务
+    if (callback.timeoutId) {
+      clearTimeout(callback.timeoutId)
+    }
+    // 每隔delay的时间, 启动一个新的延迟定时器, 去准备调用callback
+    callback.timeoutId = setTimeout(function () {
+      callback.apply(that, args)
+      // 如果定时器回调执行了, 删除标记
+      delete callback.timeoutId
+    }, delay)
+  }
+}

package/src/function/throttle.js

@@ -0,0 +1,15 @@
+/* 
+实现函数节流的函数
+*/
+
+export function throttle(callback, delay) {
+  let start = 0 // 必须保存第一次点击立即调用
+  return function () { // 它的this是谁就得让callback()中的this是谁, 它接收的所有实参都直接交给callback()
+    console.log('throttle 事件')
+    const current = Date.now()
+    if (current - start > delay) { // 从第2次点击开始, 需要间隔时间超过delay
+      callback.apply(this, arguments)
+      start = current
+    }
+  }
+}

package/src/index.js

@@ -0,0 +1,30 @@
+export { chunk, chunk2 } from './array/chunk'
+export { compact } from './array/compact'
+export { concat } from './array/concat'
+export { map, filter, reduce, find, findIndex, every, some, test } from './array/declares'
+export { difference } from './array/difference'
+export { drop, dropRight } from './array/drop'
+export { flatten1, flatten2 } from './array/flatten'
+export { mergeArray } from './array/merge'
+export { pull, pullAll } from './array/pull'
+export { slice } from './array/slice'
+export { unique1, unique2, unique3 } from './array/unique'
+
+export { apply } from './function/apply'
+export { bind } from './function/bind'
+export { call } from './function/call'
+export { debounce } from './function/debounce'
+export { throttle } from './function/throttle'
+
+export { clone1, clone2 } from './object/clone'
+export { deepClone1, deepClone2, deepClone3, deepClone4 } from './object/deepClone'
+export { mergeObject } from './object/merge'
+export { myInstanceOf } from './object/myInstanceOf'
+export { newInstance } from './object/newInstance'
+
+export { reverseString, palindrome, truncate } from './string'
+
+export { default as axios } from './axios'
+export { default as eventBus } from './event-bus'
+export { default as Promise } from './promise'
+export { default as PubSub } from './pub-sub'

package/src/object/clone.js

@@ -0,0 +1,34 @@
+/* 
+实现浅拷贝
+    方法一: 利用ES6语法
+    方法二: 利用ES5语法: for...in
+*/
+/* 方法一: 利用ES6语法*/
+export function clone1(target) {
+  if (target instanceof Array) {
+    // return target.slice()
+    // return target.filter(() => true)
+    // return target.map(item => item)
+    return [...target]
+  } else if (target instanceof Object){
+    // return Object.assign({}, target)
+    return {...target}
+  } else {
+    return target
+  }
+} 
+
+/* 方法二: 利用ES5语法: for...in */
+export function clone2(target) {
+  if (target!=null && typeof target==='object') {
+    const cloneTarget = Array.isArray(target) ? [] : {}
+    for (let key in target) {
+      if (target.hasOwnProperty(key)) {
+        cloneTarget[key] = target[key]
+      }
+    }
+    return cloneTarget
+  } else {
+    return target
+  }
+}