对fillword.js进行了重构

app/static/js/fillword.js

@@ -1,29 +1,36 @@
-isRead = true;
+var isRead = true;
-isChoose = true;
+var isChoose = true;
-var reader = window.speechSynthesis; // 全局定义朗读者，以便朗读和暂停
+const reader = window.speechSynthesis; // 全局定义朗读者，以便朗读和暂停
-
+//获取字符
 function getWord(){
-   var word = window.getSelection?window.getSelection():document.selection.createRange().text;
+   return window.getSelection?window.getSelection():document.selection.createRange().text;
-   return word;
 }
-function fillinWord(){
+//填充字符
-   var word = getWord();
+function fillingWord(){
+   let word = getWord();
    if (isRead) read(word);
    if (!isChoose) return;
-   var element = document.getElementById("selected-words");
+   let element = document.getElementById("selected-words");
    element.value = element.value + " " + word;
 }
-document.getElementById("text-content").addEventListener("click", fillinWord, false);
+document.getElementById("text-content").addEventListener("click", fillingWord, false);
-function read(s){
+//朗读单词
-   var msg = new SpeechSynthesisUtterance(s);
+//@word 要朗读的单词
+function read(word){
+   //关闭当前正在读的单词
+   reader.cancel()
+   //创建新的朗读任务
+   let msg = new SpeechSynthesisUtterance(word);
    reader.speak(msg);
 }
+//关闭正在读的单词
 function onReadClick(){
-    isRead = !isRead;
+    let isRead = !isRead;
     if(!isRead){
        reader.cancel();
     }
 }
+//取消当前选择
 function onChooseClick(){
     isChoose = !isChoose;
 }