如何将PHP普通变量值传递给JavaScript？报错排查与解决

嘿，我一眼就看出问题所在啦！你遇到的Uncaught SyntaxError: Unexpected identifier错误，核心原因是PHP字符串变量嵌入JS时没有被引号包裹。

你看，当PHP渲染页面后，生成的JS代码会变成这样：

var msg = Hi there!;

在JavaScript里，字符串必须用单引号或双引号包裹，否则解析器会把Hi当成一个标识符，后面的there!就成了意外的语法内容，直接触发错误。

最安全的解决方案：用json_encode()处理PHP变量 #

json_encode()是PHP和JavaScript之间传递字符串（甚至复杂数据）的标准做法，它会自动给字符串加上合法的引号，还能转义特殊字符（比如单引号、换行符等），彻底避免语法问题。

修正后的完整代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Payment Receipt</title>
</head>
<body>
<?php 
// 这里省略你原本的数据库查询等代码
if($row) {
    $myValue = 'Hi there!'; //the PHP variable (currently has a sample value, but will be string only)
    // 关键步骤：用json_encode把PHP字符串转成合法的JS字符串格式
    $jsSafeValue = json_encode($myValue);
    //JS starts
    echo <<<JS001
<script type="text/javascript">
    var msg = {$jsSafeValue}; //现在会被解析成带引号的合法JS字符串
    var ThunkableWebviewerExtension = {
        postMessage: function (message) {
            if (window.ReactNativeWebView) {
                window.ReactNativeWebView.postMessage(message);
            } else {
                window.parent.postMessage(message, '*');
            }
        }
    };
    ThunkableWebviewerExtension.postMessage(msg);
    console.log(msg);
    alert('Message Sent');
</script>
JS001;
} else {
    echo 'Incorrect Value';
}
?>
</body>
</html>

为什么这个方法靠谱？ #

当$myValue是'Hi there!'时，json_encode()会把它转成"Hi there!"，所以最终生成的JS代码是：

var msg = "Hi there!";

完全符合JS语法规范，就算你的$myValue里包含单引号、双引号或者换行符，json_encode()也会自动转义，比如$myValue = 'Hi, it\'s me!'会被转成"Hi, it's me!"，不会触发语法错误。

手动加引号的替代方案（不推荐） #

如果你非要手动加引号，一定要注意转义字符串里的特殊字符，比如：

var msg = '{$myValue}';

但如果$myValue里有单引号，这种写法就会直接报错，所以还是json_encode()更稳妥。

内容的提问来源于stack exchange，提问作者BigSantuary