ES2015(es6)和Underscore的一些用法比较

最新推荐文章于 2024-01-12 11:09:04 发布

mygirfriend

最新推荐文章于 2024-01-12 11:09:04 发布

阅读量1.2k

点赞数 1

分类专栏： ES6 文章标签： es6 js

本文链接：https://blog.csdn.net/mygirfriend/article/details/56290738

版权

ES6 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="underscore.js"></script>
</head>
<body>
<script>

//需要使用的童鞋可以下载一个underscore尝试一下
   _.each([1, 2, 3], function (list, index) {
        console.log(list + ":" + index);
    });//Underscore遍历
        [1, 2, 3].forEach( (value,index)=>console.log(value + ":" + index))  //ES5.1遍历
var array =  _.map([1, 2, 3], function(num){
 return num * 3;
 })
 console.log(array)//Underscore映射新数组
[1, 2, 3].map( (num)=> console.log(num*3))//ES5.1映射新数组
var lists = _.filter([1, 2, 3, 4, 5, 6], function(num){
    return num % 2 == 0;
})
 console.log(lists)//Underscore过滤
var lists = [1, 2, 3, 4, 5, 6].filter((num) => num%2==0)  //ES2015过滤
console.log(lists) //find只找到第一个符合条件的值
var users = [
    {name: 'moe', age: 40},
    {name: 'larry', age: 50}
];
console.log( _.pluck(users, 'name'));//Underscore萃取数组对象中某属性值
 var lists = [
    {name: 'moe', age: 40},
    {name: 'larry', age: 50}
].map(value => value['name']);
console.log(lists) //ES2015萃取数组对象中某属性值
console.log(_.contains([1, 2, 3], 3));//Underscore判断元素是否在list中
console.log([1, 2, 3].includes(3))//ES2016判断元素是否在list中
console.log(
        (function () {
            return _.toArray(arguments).slice(1);
        })(1, 2, 3, 4)
);//Underscore把一个类数组转换成一个数组
console.log(
        (function () {
            return Array.from(arguments).slice(1);
        })(1, 2, 3, 4)
);//ES2015把一个类数组转换成一个数组
 console.log(_.compact([0, 1, false, 2, '', 3]))//Underscore返回一个除去所有false值的array副本,javascript中 false, null, 0, "", undefined 和 NaN 都是false值.
console.log( [0, 1, false, 2, '', 3].filter(x => !!x))  //    ES2015返回一个除去所有false值的array副本
console.log(_.uniq([1, 2, 1, 3, 1, 4])) //Underscore返回 array去重后的副本
console.log([...new Set([1, 2, 1, 3, 1, 4])]) //ES2015返回 array去重后的副本
console.log(_.range(0, 30, 5)) //Underscore创建整数灵活编号的列表的函数，便于each 和 map循环
console.log(Array.from({ length: 5 }, (v, k) => k + 0)) //ES2015创建一个 N个数字数组，从x开始（不知道怎么给定范围，尴尬）
console.log(_.keys({one: 1, two: 2, three: 3})) //Underscore枚举自身的属性名
console.log(Object.keys({one: 1, two: 2, three: 3})) //ES2015枚举自身的属性名
function Stooge(name) {
    this.name = name;
}
Stooge.prototype.silly = true;
console.log(_.allKeys(new Stooge("Moe"))) //Underscore检索object拥有的和继承的所有属性的名称
console.log(  Reflect.enumerate(new Stooge("Moe"))) // ES2015返回一个迭代器(Reflect.enumerate is not a function)*/
var moe = _.create(Stooge.prototype, {name: "Moe"});
console.log(moe)  //Underscore创建具有给定原型的新对象， 可选附加props 作为 own的属性，和Object.create一样， 但是没有所有的属性描述符
console.log(_.extend({b:2}, {c:3}, { a: false }))//Underscore复制并扩展对象
console.log({ ...Stooge, a: false }) //es2016暂不讨论
console.log(_.isFinite(2017.2)) //Underscore判断对象是否是一个有限的数字；ES2015 Number.isFinite


//（给对象绑定一个函数）
//Underscore
foo(function () {
    this.bar();
}.bind(this));
foo(_.bind(object.fun, object));
//ES2015
foo(() => {
    this.bar();
});
foo(object.fun.bind(object));
//ES2016
foo(() => {
    this.bar();
});
foo(::object.fun);


</script>
</body>
</html>

mygirfriend

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES2015(es6)和Underscore的一些用法比较

html>lang="en"> charset="UTF-8"> Title src="underscore.js">//需要使用的童鞋可以下载一个underscore尝试一下 _.each([1, 2, 3], function (list, index) { console.log(list + ":" + index); }
复制链接

扫一扫