基本數(shù)據(jù)類型 / 使用對(duì)象創(chuàng)建
1.普通使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var str = '歡迎使用簡(jiǎn)易計(jì)算器:\n1. 加法運(yùn)算;\n2. 減法運(yùn)算;\n3. 乘法運(yùn)算;\n4. 除法運(yùn)算;\n5. 退出:\n請(qǐng)輸入您的選項(xiàng)';
var option = parseInt(prompt(str))
switch (option) {
case 1:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
alert(str1 + str2)
console.log("加法運(yùn)算");
break
case 2:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
alert(str1 - str2)
console.log("減法運(yùn)算");
break
case 3:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
alert(str1 * str2)
console.log("乘法運(yùn)算");
break
case 4:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
alert(str1 / str2)
console.log("除法運(yùn)算");
break
case 5:
console.log("退出");
break
}
</script>
</body>
</html>
2.創(chuàng)建基本函數(shù)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function jiafa(num1, num2) {
return num1 + num2
}
function jianfa(num1, num2) {
return num1 - num2
}
function chengfa(num1, num2) {
return num1 * num2
}
function chufa(num1, num2) {
return num1 / num2
}
var str = '歡迎使用簡(jiǎn)易計(jì)算器:\n1. 加法運(yùn)算;\n2. 減法運(yùn)算;\n3. 乘法運(yùn)算;\n4. 除法運(yùn)算;\n5. 退出:\n請(qǐng)輸入您的選項(xiàng)';
var option = parseInt(prompt(str))
switch (option) {
case 1:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = jiafa(str1, str2)
alert(result)
console.log("加法運(yùn)算");
break
case 2:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = jianfa(str1, str2)
alert(result)
console.log("減法運(yùn)算");
break
case 3:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = chengfa(str1, str2)
alert(result)
console.log("乘法運(yùn)算");
break
case 4:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = chufa(str1, str2)
alert(result)
console.log("除法運(yùn)算");
break
case 5:
console.log("退出");
break
}
</script>
</body>
</html>
3.構(gòu)造函數(shù)創(chuàng)建
new關(guān)鍵字執(zhí)行過程
// 1.new構(gòu)造函可以在內(nèi)存中創(chuàng)建了一個(gè)空的對(duì)象
// 2.this就會(huì)指向剛才創(chuàng)建的空對(duì)象
// 3.執(zhí)行構(gòu)造函數(shù)里面的代碼 給這個(gè)空對(duì)象添加屬性和方法
// 4.返回這個(gè)新對(duì)象(所以構(gòu)造函數(shù)里面不需要return)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function Counter(num1, num2) {
this.num1 = num1
this.num2 = num2
this.jiafa = function () {
return num1 + num2
}
this.jianfa = function () {
return num1 - num2
}
this.chengfa = function () {
return num1 * num2
}
this.chufa = function () {
return num1 / num2
}
}
var str = '歡迎使用簡(jiǎn)易計(jì)算器:\n1. 加法運(yùn)算;\n2. 減法運(yùn)算;\n3. 乘法運(yùn)算;\n4. 除法運(yùn)算;\n5. 退出:\n請(qǐng)輸入您的選項(xiàng)';
var option = parseInt(prompt(str))
switch (option) {
case 1:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = new Counter(str1, str2).jiafa()
alert(result)
console.log("加法運(yùn)算");
break
case 2:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = new Counter(str1, str2).jianfa()
alert(result)
console.log("減法運(yùn)算");
break
case 3:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = new Counter(str1, str2).chengfa()
alert(result)
console.log("乘法運(yùn)算");
break
case 4:
var str1 = parseInt(prompt("請(qǐng)輸入第一個(gè)數(shù)"))
var str2 = parseInt(prompt("請(qǐng)輸入第二個(gè)數(shù)"))
result = new Counter(str1, str2).chufa()
alert(result)
console.log("除法運(yùn)算");
break
case 5:
console.log("退出");
break
default:
console.log("輸入錯(cuò)誤")
break
}
</script>
</body>
</html>
文章來源：http://www.zghlxwxcb.cn/news/detail-735793.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-735793.html
到了這里，關(guān)于JavaScript 用三種方法做一個(gè)簡(jiǎn)易計(jì)算器的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
