详解JavaScript中把函数作为值

8.4 作为值的函数

JS中函数不仅是一种语法,也是值,也就是说,可以将函数赋值给变量,存储在对象的属性或者数组的元素中,作为参数传入另外一个函数等。

来看一个函数:function square(x){return x*x;}

定义创建一个新的函数对象,将其赋值给变量square。函数名实际上是看不见的,它(square)仅仅是变量的名字,这个变量指代函数对象。函数还可以赋值给其他变量,仍可以正常工作。

除了可以将函数赋值给变量,同样可以将函数赋值给对象的属性。当函数作为对象的属性调用时,函数就称为方法。

函数甚至不需要带名字,当把它们赋值给数组元素时:

将函数做值

复制代码
//这里定义一些简单的函数
function add(x,y){return x+y;}
function substract(x,y){return x-y;}
function multiply(x,y){return x*y;}
function divide(x,y){return x/y;}
//这里的函数以上面某个函数作为参数
//并传给它传入两个操作数然后调用它
function operate(operator,operand1,operand2){
    return operator(operand1,operand2);
}
//下面函数调用实际计算了(2+3)+(4*5)
var i=operate(add,operate(add,2,3),operate(multiply,4,5));//25

这次实现使用函数直接量,这些函数直接量定义在一个对象直接量中

Array.sort()方法用来对数组进行排序,需要传入一个函数,两个参数,函数需返回一个正值,0,负值,决定

排序规则,这个是很典型的应用。

相关推荐
爱滑雪的码农10 小时前
详细说说React大型项目结构以及日常开发核心语法
前端·javascript·react.js
@大迁世界11 小时前
43.HTML 事件处理和 React 事件处理有什么区别?
前端·javascript·react.js·html·ecmascript
ZC跨境爬虫11 小时前
跟着 MDN 学 HTML day_38:(DocumentFragment 文档片段接口详解)
前端·javascript·ui·html·音视频
@大迁世界12 小时前
41.ShadCN 是什么?它如何和 Tailwind CSS 集成,从而更容易构建可访问且可自定义的 React 组件?
前端·javascript·css·react.js·前端框架
xiangxiongfly91514 小时前
Vue3 根据角色权限动态加载路由
前端·javascript·vue.js·动态加载路由
费曼学习法15 小时前
React 18 并发模式(Concurrent Mode):Fiber 架构的终极进化
javascript·react.js
_风满楼15 小时前
TDD 进阶:换个角度看会议室预约
前端·javascript·github
子兮曰15 小时前
SuperSplat 深度解析:7.6K Stars 的浏览器端 3D 高斯泼溅编辑器 — 在 Web 上编辑现实
前端·javascript·webgl
xiangxiongfly91515 小时前
Vue3 动态加载静态资源
前端·javascript·vue.js
克里斯蒂亚诺更新16 小时前
ruoyi切换新版本初始化需要修改的地方
前端·javascript·vue.js