首先，让我们来看看function foo() {} 的定义方式。这种方式被称为函数声明（function declaration）。函数声明可以在任何地方进行，甚至可以在调用函数之前进行。这是因为在JavaScript的解析阶段，会将所有的函数声明提升到作用域的顶部。这意味着无论函数声明在代码中的位置如何，它都可以在任何地方被调用。

例如：

foo(); // 可以正常调用

function foo() {
  console.log('Hello, world!');
}

在上面的例子中，我们可以在函数声明之前调用foo()，并且不会出现任何错误。这是因为函数声明会被提升到作用域的顶部。

另一方面，var foo = function() {} 的定义方式被称为函数表达式（function expression）。函数表达式是将一个匿名函数赋值给一个变量。这种方式的定义必须在使用之前。

例如：

foo(); // TypeError: foo is not a function

var foo = function() {
  console.log('Hello, world!');
}

在上面的例子中，我们在调用foo()之前定义了变量foo，并将一个匿名函数赋值给它。由于函数表达式不会被提升，所以在调用foo()时会抛出TypeError。

除了在定义方式上的区别外，function foo() {} 和 var foo = function() {} 在函数的用法上也有一些差异。

首先，函数声明可以直接在作用域中使用，而函数表达式必须通过变量来调用。这意味着使用函数声明时，我们可以直接调用函数名来执行相应的代码。

例如：

foo(); // 可以正常调用

function foo() {
  console.log('Hello, world!');
}

在上面的例子中，我们可以直接调用foo()来执行相应的代码。

然而，当我们使用函数表达式时，必须通过变量来调用函数。

foo(); // TypeError: foo is not a function

var foo = function() {
  console.log('Hello, world!');
}

在上面的例子中，由于函数表达式是将一个匿名函数赋值给变量foo，所以我们必须通过foo()来调用函数。

另一个区别是函数声明会创建一个变量，并将函数赋值给该变量。这意味着在函数声明后，我们可以重新给函数赋值。

例如：

foo(); // Hello, world!

function foo() {
  console.log('Hello, world!');
}

foo = function() {
  console.log('Goodbye, world!');
}

foo(); // Goodbye, world!

在上面的例子中，我们首先调用了foo()，输出了'Hello, world!'。然后，我们将一个新的函数赋值给foo，并再次调用foo()，输出了'Goodbye, world!'。

然而，当我们使用函数表达式时，变量只能在函数表达式之后被赋值。

foo(); // TypeError: foo is not a function

var foo = function() {
  console.log('Hello, world!');
}

foo(); // Hello, world!

在上面的例子中，由于函数表达式是在调用之前定义的，所以在调用foo()之前会抛出TypeError。但是，在函数表达式之后，我们可以重新给foo赋值，并再次调用foo()。