如何在java中写js

在Java中写JS的几种方式包括：JavaScript引擎、嵌入HTML文件、通过Servlet输出、使用框架。 其中，通过JavaScript引擎（如Nashorn或GraalVM） 是一种灵活且强大的方式，可以直接在Java代码中运行JavaScript，适用于需要在Java应用中动态执行JavaScript代码的场景。

一、JavaScript引擎

1. 使用Nashorn引擎

Nashorn是Java 8引入的JavaScript引擎，可以直接在Java代码中运行JavaScript。以下是一个简单的示例：

import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import javax.script.ScriptException;
public class NashornExample {
    public static void main(String[] args) {
        ScriptEngineManager manager = new ScriptEngineManager();
        ScriptEngine engine = manager.getEngineByName("nashorn");
        String script = "var greeting = 'Hello, world!'; greeting;";
        try {
            Object result = engine.eval(script);
            System.out.println(result);
        } catch (ScriptException e) {
            e.printStackTrace();
        }
    }
}

在这个示例中，ScriptEngineManager创建了一个Nashorn引擎，并通过eval方法执行了一段简单的JavaScript代码。

2. 使用GraalVM引擎

GraalVM是一个多语言虚拟机，支持运行JavaScript、Python、Ruby等多种语言。以下是一个使用GraalVM来执行JavaScript的示例：

import org.graalvm.polyglot.Context;
import org.graalvm.polyglot.Value;
public class GraalVMExample {
    public static void main(String[] args) {
        try (Context context = Context.create()) {
            Value result = context.eval("js", "var greeting = 'Hello, world!'; greeting;");
            System.out.println(result.asString());
        }
    }
}

在这个示例中，Context对象被用来执行JavaScript代码，并通过Value对象获取执行结果。

二、嵌入HTML文件

1. 在Java应用中嵌入HTML文件

在Java Web应用中，可以通过JSP或Thymeleaf等模板引擎将JavaScript嵌入HTML文件中。以下是一个使用JSP的示例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript in JSP</title>
    <script type="text/javascript">
        function showMessage() {
            alert("Hello, world!");
        }
    </script>
</head>
<body>
    <button onclick="showMessage()">Click me</button>
</body>
</html>

在这个示例中，JavaScript代码被嵌入到JSP页面中，通过点击按钮触发JavaScript函数。

2. 使用Thymeleaf模板引擎

Thymeleaf是一个流行的Java模板引擎，可以轻松地将JavaScript嵌入HTML文件中。以下是一个使用Thymeleaf的示例：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>JavaScript in Thymeleaf</title>
    <script type="text/javascript">
        function showMessage() {
            alert("Hello, world!");
        }
    </script>
</head>
<body>
    <button onclick="showMessage()">Click me</button>
</body>
</html>

在这个示例中，JavaScript代码被嵌入到Thymeleaf模板中，通过点击按钮触发JavaScript函数。

三、通过Servlet输出

1. 使用Servlet生成JavaScript代码

在Java Web应用中，可以通过Servlet动态生成并输出JavaScript代码。以下是一个简单的Servlet示例：

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/dynamicjs")
public class DynamicJSServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("application/javascript");
        PrintWriter out = response.getWriter();
        out.println("function showMessage() {");
        out.println("    alert('Hello, world!');");
        out.println("}");
        out.close();
    }
}

在这个示例中，Servlet生成并输出了一段JavaScript代码，可以在HTML页面中通过<script src="/dynamicjs"></script>来引用。

2. 动态生成JavaScript代码

可以根据请求参数动态生成JavaScript代码，以实现灵活的客户端行为。例如：

protected void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    String message = request.getParameter("message");
    if (message == null) {
        message = "Hello, world!";
    }
    response.setContentType("application/javascript");
    PrintWriter out = response.getWriter();
    out.println("function showMessage() {");
    out.println("    alert('" + message + "');");
    out.println("}");
    out.close();
}

在这个示例中，Servlet根据请求参数生成不同的JavaScript代码，实现动态行为。

四、使用框架

1. 使用Spring Boot和Thymeleaf

Spring Boot与Thymeleaf结合使用时，可以轻松地将JavaScript嵌入到模板中，并与Java代码进行交互。以下是一个简单的示例：

@Controller
public class HomeController {
    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "Hello, world!");
        return "index";
    }
}

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>JavaScript in Spring Boot</title>
    <script type="text/javascript">
        function showMessage(message) {
            alert(message);
        }
    </script>
</head>
<body>
    <button onclick="showMessage([[${message}]])">Click me</button>
</body>
</html>

在这个示例中，Thymeleaf模板中的JavaScript代码与Spring Boot控制器中的数据进行交互。

2. 使用Vue.js和Spring Boot

Vue.js是一个流行的前端框架，可以与Spring Boot结合使用，实现丰富的前后端交互。以下是一个简单的示例：

@Controller
public class HomeController {
    @GetMapping("/api/message")
    @ResponseBody
    public Map<String, String> getMessage() {
        Map<String, String> response = new HashMap<>();
        response.put("message", "Hello, world!");
        return response;
    }
}

<!DOCTYPE html>
<html>
<head>
    <title>Vue.js in Spring Boot</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <div id="app">
        <button @click="showMessage">Click me</button>
    </div>
    <script>
        new Vue({
            el: '#app',
            methods: {
                showMessage: function() {
                    axios.get('/api/message')
                        .then(response => {
                            alert(response.data.message);
                        });
                }
            }
        });
    </script>
</body>
</html>

在这个示例中，Vue.js通过Axios发送请求到Spring Boot控制器，并在客户端显示响应结果。

通过以上几种方式，可以在Java应用中灵活地嵌入和执行JavaScript代码。使用JavaScript引擎 适用于需要动态执行JavaScript代码的场景，嵌入HTML文件 和 通过Servlet输出 适用于Web应用，而 使用框架 则提供了更为强大的功能和更好的开发体验。