js闭包使用简例

闭包与排序函数

最新推荐文章于 2025-03-26 09:00:00 发布

别野不二

最新推荐文章于 2025-03-26 09:00:00 发布

阅读量143

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签：闭包 js 例子

本文链接：https://blog.youkuaiyun.com/weixin_44156518/article/details/88387752

javascript 专栏收录该内容

14 篇文章

订阅专栏

本文讲解了闭包的原理及其在实际开发中的应用，通过创建一个可以按不同属性排序商品列表的函数，展示了闭包如何封装变量并提供灵活的排序功能。

闭包原理很多，理解闭包很重要，学会在实际开发中使用同样重要。

const goods=[
  {
    id:1,
    name:'item1',
    price:99,
    discount:9.7
  },
  {
    id:2,
    name:'item2',
    price:88,
    discount:9
  },
  {
    id:3,
    name:'item3',
    price:108,
    discount:8.8
  },

]

/*
* params {String} propsName 
* return {Function}
*
*/

function sortBy(propName){
  return function (arr) {
    const retArr=[...arr]
    return retArr.sort((a,b)=>a[propName]-b[propName])
  }
}

const sortByPrice=sortBy('price')
const sortByDiscount=sortBy('discount')
const log=console.log
log(sortByPrice(goods))//=>返回按价格排序的ObjectArray
log(sortByDiscount(goods))//返回按折扣排序的ObjectArray