徒手写一个es6代码库
时间:2022-06-22
本文章向大家介绍徒手写一个es6代码库
,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
mkdir demo
cd demo
npm init
npm install -g babel
npm install -g babel-cli
npm install --save-dev babel-preset-es2015-node5
在项目目录创建两个文件夹 functional-playground 和lib
mkdir functional-playground
mkdir lib
在lib目录下创建文件 es6-functional.js
const forEach = (array, fn) => {
let i;
for (i = 0; i < array.length; i++)
fn(array[i])
}
export default forEach
在functional-playground目录下创建文件play.js
import forEach from '../lib/es6-functional'
var array = [1, 2, 3]
forEach(array, (data) => console.log(data))
执行命令
babel-node functional-playground/play.js --presets es2015-node5
执行结果如下
也可以将上述脚本写到package.json中
执行 npm run playground 命令可以查看到一样的结果
在es6-functional.js中定义更多的抽象函数
const forEach = (array, fn) => {
let i;
for (i = 0; i < array.length; i++)
fn(array[i])
}
const forEachObject = (obj, fn) => {
for (var property in obj) {
if (obj.hasOwnProperty(property)) {
fn(property, obj[property])
}
}
}
const unless = (predicate, fn) => {
if (!predicate)
fn()
}
export {
forEach,
forEachObject,
unless
}
在 play.js 调用
import {
forEach,
forEachObject,
unless
} from '../lib/es6-functional'
var array = [1, 2, 3]
forEach(array, (data) => console.log(data))
let object = {
a: 1,
b: 2
}
forEachObject(object, (k, v) => console.log(k + ":" + v))
forEach([1, 2, 3, 4, 5, 6, 7], (number) => {
unless((number % 2), () => {
console.log(number, " is even")
})
})
执行 npm run playground 命令 查看结果
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Pythyon|当中秋遇上国庆
- 清华老哥要是会 screen,是不是就不用拖着电脑骑车了
- Python|用turtle画笔制作奥运五环
- 2 行代码,将 .NET 执行时间降低 87%!(附代码)
- Web渗透测试|SQL报错注入
- Python|运算符的运用
- Windows下登录凭证窃取技巧
- 小浩发现这篇浮点数的文章讲的真不错!
- 安全攻击溯源思路及案例
- 图解:「归并排序」
- STM32CubeMX6.0 + HAL + LittleVGL7.6 等学习[最全附工程源码]
- 国庆期间,我造了台计算机
- 编程语言的 IDE 支持
- 独家 | 手把手教你用Python的Prophet库进行时间序列预测
- 【Git】:基础的基础