簡易計算機：（JavaScript實作）

函式的封裝：

List item

在 JS 里面，可能會定義非常多的相同代碼或者功能相似的代碼，這些代碼可能需要大量重復使用，雖然for回圈陳述句也能實作一些簡單的重復操作，但是比較具有局限性，此時我們就可以使用 JS 中的函式，
函式：就是封裝了一段可被重復呼叫執行的代碼塊，通過此代碼塊可以實作大量代碼的重復使用，

首先：初始化變數，設定歡迎彈窗，命名為welcome()；并設定操作選項提示，

var w, shu1, shu2;
        // var shu1;
        // var shu2;
function welcome() {
            w = parseInt(prompt('歡迎使用計算器：\n1.加法運算，\n2.減法運算，\n3.乘法運算，\n4.除法運算，\n5.退出，\n請輸入您的選項，'));

        }

其次：設定數字輸入提示框，命名為shuru()；

 function shuru() {
            shu1 = parseFloat(prompt('請輸入第一個數值'));
            shu2 = parseFloat(prompt('請輸入第二個數值'));
        }

最后：1.設定 while (true) {}無限回圈；2.呼叫 welcome()歡迎提示彈窗；3.利用if (w == ？) {}進行判斷；4.呼叫shuru()數字輸入提示框；5.進行數學運算，然后輸出計算結果，6.在w等于5時設定 break跳出死回圈，
注：在 while (true) {}無限回圈中一定要設定 break跳出死回圈，

 while (true) {
            welcome();
            if (w == 1) {
                shuru();
                var sum = shu1 + shu2;
                alert(sum);
            }
            if (w == 2) {
                shuru();
                var sum = shu1 - shu2;
                alert(sum);
            }
            if (w == 3) {
                shuru();
                var sum = shu1 * shu2;
                alert(sum);
            }
            if (w == 4) {
                shuru();
                var sum = shu1 / shu2;
                alert(sum);
            }
            if (w == 5) {
                alert('感謝您的使用！');
                break;
            }
        }

簡易計算機完整代碼：

 <script>
        var w, shu1, shu2;
        // var shu1;
        // var shu2;
        function welcome() {
            w = parseInt(prompt('歡迎使用計算器：\n1.加法運算，\n2.減法運算，\n3.乘法運算，\n4.除法運算，\n5.退出，\n請輸入您的選項，'));

        }

        function shuru() {
            shu1 = parseFloat(prompt('請輸入第一個數值'));
            shu2 = parseFloat(prompt('請輸入第二個數值'));
        }

        while (true) {
            welcome();
            if (w == 1) {
                shuru();
                var sum = shu1 + shu2;
                alert(sum);
            }
            if (w == 2) {
                shuru();
                var sum = shu1 - shu2;
                alert(sum);
            }
            if (w == 3) {
                shuru();
                var sum = shu1 * shu2;
                alert(sum);
            }
            if (w == 4) {
                shuru();
                var sum = shu1 / shu2;
                alert(sum);
            }
            if (w == 5) {
                alert('感謝您的使用！');
                break;
            }
        }
    </script>

完結！

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/312147.html

標籤：其他

下一篇：?沒有你，我不會那么光彩奪目?

2021-10-13

簡易計算機：（JavaScript實作）

函式的封裝：