到了我这个岁数的人,函数就不用解释了吧,它是JS中一个普通对象,可以用 new Function()来构造一个新的函数。
函数是一等公民,这些事大家都知道啊!
但是下边的事你知道么?
高阶函数:
- 函数存储在变量中
- 函数作为参数
- 函数作为返回值
这节我们来看一下,把函数赋值给变量。
代码如下:
// 把函数赋值给变量
let abc = () => {
console.log('this is a function');
};
abc();
// 示例-1
const def = {
index(post) {
return Views.index(post);
},
show(post) {
return View.show(post);
},
create(post) {
return Views.create(post);
}
};
示例-1,index函数包裹另一个函数,并且两个函数的形式是一样的,形式是说:传参和返回值。
这时候我们可以把两个函数看做一个函数,对代码进行优化。
看代码示例-2:
// 示例-2:优化
const def = {
index: View.index,
show: View.show,
// create: View.create(),
};
// 问题:带不带括号有什么区别?
示例-2中,代码精简了很多。但我们仔细看会发现赋值函数没有带括号。
那么问题来了,带不带括号有什么区别:
index:View.index 把函数本身赋值给了变量
create:View.create() 把函数调用赋值给了变量
函数本身 与 函数调用又有什么区别?
本身:当然就是这个函数自己的函数体,function里的东西。
调用:当然就是执行这个函数。
这都不明白了么?
哈哈,其实这只是表面上最肤浅的解释,它们的本质区别是:
将函数本身赋值给变量,是把个内存地址赋值过去,原函数被修改,index变量的值也会被修改,被修改后的执行结果会不一样。
而将函数调用赋值给变量,是函数执行过一次,把执行结果赋值过去。这样就会导致一个问题,如果页面初始化的时候就执行了函数,那么当我们调用create变量的时候有可能拿不到想要的结果。
所以,一般情况下还是推荐不带括号,直接赋值函数本身。特殊情况除外。
每天写写博客,果然就是超越自己。