js函数回调

1.function tes(){
var c=1;
yui(c)
}
function yui(n){
console.log(n)
}
tes()
2. function tes(a){
var c=1;
a(c)
}
function yui(n){
console.log(n)
}
tes(yui)
求教一下大神们第一种方法和第二种回调函数的方法结果都一样。第一种方法跟第二种回调函数有什么区别吗？请解释一下。。都说第二种属于提倡的函数式编程的一方面。两个函数可以作为独立的函数使用，不需要依赖外部变量或者条件。到底是什么意思。请大神们举例说明