使用JS接收后端Model传过来的值

记录自己踩过的坑，使用纯JS接收后端model传过来的值，网上有很多教程，但是还是有些坑没写清楚，如下：
后端代码片段：

@GetMapping("/test")
public String draftList(Model model){
        String projects = "传值给JS"；
        model.addAttribute("projects",projects);
        return "/draft";  //draft是跳转页面
        }

HTML的JS代码片段(第一句是重点,我就是在这里踩的坑)：

<script th:inline="javascript"> <!--这句是重点-->
    var projects = [[${projects }]]; <!--接收值-->
    $(function showData() {
        alert(projects);  <!--测试是否接收到-->
    });
</script>