如何基于current_username变量动态修改jQuery Terminal提示符？

你的代码无法动态同步current_username到提示符的核心问题在于：prompt1是初始化时生成的静态字符串，后续变量变化不会自动更新它；且仅在initialize命令中设置一次提示符，没有在变量变化时触发更新。以下是修复后的实现：

修改后的完整代码 #

HTML代码 #

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.39.3/js/jquery.terminal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.39.3/css/jquery.terminal.min.css"/>

JavaScript代码 #

var current_username = "";
var host = "localhost";
var initialized = false; // 改用布尔值，避免字符串比较的歧义

// 封装更新提示符的函数，每次调用都会基于最新的current_username生成
function updatePrompt() {
    var newPrompt = current_username + "@" + host + "> ";
    term.set_prompt(newPrompt);
}

$('body').bind('keydown', function(e) {
    if (e.keyCode === 13 && !initialized) { // 用e.keyCode，避免未定义的event变量
        alert('Enter command "initialize".');
        initialized = true;
        return false;
    }
});

var term = $('body').terminal({
    initialize: async function() {
        updatePrompt(); // 初始化时调用更新函数
    },
    // 示例：添加修改用户名的命令，测试动态更新
    set_user: function(username) {
        current_username = username;
        updatePrompt(); // 修改用户名后立即更新提示符
        this.echo(`用户名已更新为: ${username}`);
    }
});

关键改动说明 #

• 新增updatePrompt()函数：每次调用都会基于当前最新的current_username动态生成并设置提示符，确保变量变化能同步到终端
• 修正事件变量：原代码中使用未定义的event，改为函数参数e
• 改用布尔值存储initialized：避免字符串类型比较可能产生的错误
• 添加示例命令set_user：用于测试修改current_username时，提示符是否自动更新（比如输入set_user alice，提示符会变成alice@localhost> ）

现在只要你在任何地方修改current_username后，调用updatePrompt()函数，就能立即同步更新终端的提示符。

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