什么是Lodash

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/10/01/%E4%BB%80%E4%B9%88%E6%98%AFLodash/

摘要

本文主要讲述了：

什么是 Lodash
规格
版本
示例

正文

什么是 Lodash

Lodash 是一个开源的 JavaScript 的实用程序库。

Lodash 的初始版本由 John-David Dalton 于 2012 年 4 月 23 日发布。

Lodash 的开发受到了 Underscore 的启发。Lodash 凭借频繁的更新，后来居上变成了 Underscore 的事实真超集。

规格

UMD

版本

Core Build（核心构建）仅拥有核心功能，体积最小
Full Build（完整构建）拥有完整功能，体积比核心构建大

示例

示例：版本号

1 2	const _ = require('lodash'); console.log(_.VERSION);

示例：小脚本标签

const _ = require('lodash');
const templteString = [
  '<% if (username) {%>',
  '<div>hello, <%= username%></div>',
  '<% } else { %>',
  '<div>hello, guest</div>',
  '<% } %>',
];
const template = _.template(templteString.join(''));
console.log(
  template({
    username: 'jsweibo',
  })
);
console.log(
  template({
    username: '',
  })
);

输出：

1 2	<div>hello, jsweibo</div> <div>hello, guest</div>

示例：不转义就输出

const _ = require('lodash');
const template = _.template('<div><%= str %></div>');
console.log(
  template({
    str: '<script>alert(new Date());</script>',
  })
);

输出：

1	<div><script>alert(new Date());</script></div>

示例：转义后再输出

const _ = require('lodash');
const template = _.template('<div><%- str %></div>');
console.log(
  template({
    str: '<script>alert(new Date());</script>',
  })
);