PHP 和 JavaScript 的区别：服务器、浏览器与 Node.js

PHP 在服务器上运行：它生成页面，发送生成好的 HTML，然后结束。JavaScript 在访问者的浏览器中运行，它响应点击，并在页面加载后修改页面；借助 Node.js，它也能在服务器上运行。所以两者与其说是对手，不如说是搭档：典型的网站在服务器上用 PHP（或 Node.js），在浏览器中用 JavaScript。

下面这段 PHP 代码在服务器上运行。浏览器只会收到它输出的内容，“页面”标签页显示的就是这个结果：

<?php
$products = [
    ["name" => "Keyboard", "price" => 49],
    ["name" => "Mouse", "price" => 19],
    ["name" => "Monitor", "price" => 189],
];
$total = array_sum(array_column($products, "price"));
?>
<h2>Cart</h2>
<ul>
<?php foreach ($products as $p): ?>
    <li><?= $p["name"] ?>: $<?= $p["price"] ?></li>
<?php endforeach; ?>
</ul>
<p>Total: $<?= $total ?></p>

看看“输出”标签页：里面已经没有任何 PHP，只有 HTML。同样的列表如果在浏览器中用 JavaScript 构建，是这样的：

const products = [
  { name: "Keyboard", price: 49 },
  { name: "Mouse", price: 19 },
  { name: "Monitor", price: 189 },
];

const ul = document.querySelector("#cart"); // an empty <ul id="cart"> in the HTML
for (const p of products) {
  const li = document.createElement("li");
  li.textContent = `${p.name}: $${p.price}`;
  ul.append(li);
}

PHP 版本发送的是完整的页面，搜索引擎和速度慢的手机都能立刻读取。JavaScript 版本则可以稍后更新列表而无需刷新页面，比如访问者删除某一项时。

两种语言分别在哪里运行

最后一行关系到安全：浏览器 JavaScript 中的任何内容访问者都看得到，所以密码、API 密钥和价格校验都应该放在服务器上。

语法对照

两种语言看起来很像，因为它们都借鉴了 C：花括号、if、for、while、function、return。区别在细节上：

下面是 PHP 中一个带回调的函数：

<?php
$prices = [12.5, 8, 30, 4.25];

$withTax = array_map(fn($p) => round($p * 1.2, 2), $prices);
$cheap = array_filter($withTax, fn($p) => $p < 15);

echo implode(", ", $withTax), "\n";
echo "Under 15: " . implode(", ", $cheap) . "\n";
echo "Count: " . count($cheap) . "\n";

在 JavaScript 中，map 和 filter 是数组的方法：

const prices = [12.5, 8, 30, 4.25];

const withTax = prices.map((p) => Math.round(p * 1.2 * 100) / 100);
const cheap = withTax.filter((p) => p < 15);

console.log(withTax.join(", "));
console.log("Under 15: " + cheap.join(", "));

+ 运算符：经典陷阱

在 JavaScript 中，+ 既做数字加法又连接字符串，所以只要有一个字符串，加法就会变成拼接。PHP 把两者分开：+ 永远做加法，. 永远做连接。

<?php
var_dump("10" + 5);     // int(15): + always adds
var_dump("10" . 5);     // string "105": . always joins
var_dump(10 . "");      // number to string
var_dump("3" * "4");    // numeric strings multiply
var_dump(0.1 + 0.2 === 0.3); // floats are inexact in both languages

console.log("10" + 5);  // "105"
console.log("10" - 5);  // 5
console.log("3" * "4"); // 12
console.log(0.1 + 0.2 === 0.3); // false

两种语言都有松散的 == 和严格的 ===。建议也一样：除非你确实要跨类型比较，否则使用 ===。

把数据从 PHP 传给 JavaScript

PHP 先运行，所以它可以把数据直接写进页面，供浏览器中的 JavaScript 使用。json_encode 能把 PHP 数组转换成合法的 JavaScript：

<?php
$user = ["name" => "Ada", "role" => "admin", "unread" => 3];
?>
<p id="greeting">Loading...</p>
<script>
const user = <?= json_encode($user, JSON_HEX_TAG | JSON_HEX_AMP) ?>;
document.getElementById("greeting").textContent =
    "Hi " + user.name + ", you have " + user.unread + " new messages";
</script>

“输出”标签页显示生成的脚本，数据已经填好了。JSON_HEX_TAG 标志会转义 < 和 >，所以包含 </script> 的值无法提前结束脚本。更多选项见 json_encode。

反方向则通过 HTTP 实现：浏览器中的 JavaScript 调用 fetch("/api/cart.php")，PHP 脚本运行，并用 JSON 作答：

<?php
// api/cart.php
header('Content-Type: application/json');
echo json_encode(['items' => 3, 'total' => 257]);

const res = await fetch("/api/cart.php");
const cart = await res.json();
console.log(cart.total); // 257

服务器端的 PHP 与 Node.js

当 JavaScript 通过 Node.js 在服务器上运行时，两者的比较就成了真正的选择题。

PHP 的模型容错性强：bug 或内存泄漏只会影响一个请求，而每个请求都从干净的状态开始。Node 的模型可以保持状态和连接，适合聊天和实时仪表盘，但一次崩溃或一个阻塞的循环会影响这个进程的所有用户。

该学哪个

任何可交互的网页都需要 JavaScript，因为它是浏览器唯一运行的语言。真正的问题是服务器上用什么：

• 接下来学 PHP：如果你想做 WordPress、Laravel 或大量现有 PHP 网站的开发，或者想用最简单的方式把动态网站放到便宜的主机上。从 PHP 是什么开始。
• 继续学 JavaScript（Node.js）：如果你想整个技术栈只用一种语言，或者要开发实时功能。

常见的学习路径是先学 HTML 和 CSS，然后是浏览器中的 JavaScript，再学一门服务器语言。无论选择哪门服务器语言，表单、会话、数据库和 JSON API 都建立在同样的 HTTP 概念上，所以学到的知识可以通用。