1-4、函数赋值给变量

到了我这个岁数的人，函数就不用解释了吧，它是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变量的时候有可能拿不到想要的结果。

所以，一般情况下还是推荐不带括号，直接赋值函数本身。特殊情况除外。

每天写写博客，果然就是超越自己。