Rumah  >  Artikel  >  hujung hadapan web  >  Apakah struktur program JavaScript?

Apakah struktur program JavaScript?

青灯夜游
青灯夜游asal
2021-10-15 15:49:313451semak imbas

Terdapat tiga jenis struktur atur cara dalam JavaScript, iaitu: 1. Struktur urutan secara lalai, atur cara dilaksanakan baris demi baris dari atas ke bawah. 2. Struktur cawangan; bergantung kepada keputusan penghakiman bersyarat, pelaksanaan terpilih adalah berbeza. 3. Struktur gelung: atur cara boleh melaksanakan segmen kod yang sama berulang kali dan keluar apabila ia mencapai titik kritikal.

Apakah struktur program JavaScript?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Struktur atur cara dalam JavaScript

dibahagikan kepada tiga kategori utama:

  • Jujukan: Secara lalai, atur cara dilaksanakan baris demi baris dari atas ke bawah

  • Cawangan: Bergantung pada keputusan penghakiman bersyarat, pelaksanaan terpilih adalah berbeza

  • Gelung: Program boleh melaksanakan segmen kod yang sama berulang kali dan keluar apabila ia mencapai tahap kritikal

****************************** ********* ***************************************** ********* *********

Contoh:

Analisis keperluan:

var price=prompt("please input the goods price:");
var accout=prompt("please input the goods account:");
var money=prompt("please input the goods money:");
var sum=parseFloat(price)*parseInt(accout);
(sum>500)&&(sum*=0.8);
var change=money-sum;
alert("应收"+sum+",找零"+change);

Struktur cawangan

1.if Struktur:

Sintaks:

if(条件){
满足条件才执行的的代码段
}

2.jika ···struktur lain:

Sintaks:

if(条件){
满足条件才执行的的代码段}
else{
条件不满足
}

3.else jika struktur

Sintaks:

if(条件1){
满足条件1才执行的的代码段
}else if(条件2){
条件2满足
}else if(条件3){
条件3满足
}else{
之前所有条件都不满足
}

4. Struktur cawangan vs litar ternary/pintasan

Jika anda hanya mengembalikan nilai-- >Ternary/litar pintas

Jika operasi kompleks--->Struktur cawangan

Logik litar pintas:

Keadaan && operasi: satu perkara , lakukan jika berpuas hati, jika tidak, jangan lakukannya, hanya jika operasinya mudah

Nilai 1||Nilai 2: Jika nilai 1 adalah sah, kembalikan nilai 1, sebaliknya kembalikan nilai 2

Kendalian Ternari:

Kendalian Ternary: berbilang nilai, nilai mengikut syarat, pilih satu daripada lebih daripada satu

条件表达式 ? 表达式1 : 表达式2 ;

Jika hasil "ungkapan bersyarat" adalah benar ( benar), kod dalam "ungkapan 1" dilaksanakan, jika tidak, kod dalam "ungkapan 2" dilaksanakan.

5.struktur suis

Sintaks:

switch(表达式){
case  值1:代码1;
case  值2:代码2;
case  值3:代码3;
"""""`
default:默认代码段;
}
  • putus: Hentikan arus Perlaksanaan struktur, dan lompat keluar daripada struktur semasa

  • teruskan: tamatkan kitaran ini dan teruskan kitaran seterusnya // kawalan secara amnya boleh menggunakan keadaan negatif sebagai gantinya

  • suis: Apabila keadaan adalah perbandingan kongruen, kotak suis diutamakan

  • selain itu jika: Sebagai tambahan kepada perbandingan kongruen, apabila anda ingin mentakrifkan keadaan secara fleksibel

Struktur gelung

Struktur gelung: Biarkan atur cara melaksanakan bahagian kod berulang kali dan hentikan gelung hanya apabila keadaan kritikal dicapai

3 elemen:

  • 1 Keadaan gelung: syarat untuk meneruskan gelung

  • 2. Pembolehubah gelung: dalam keadaan gelung, gunakan Pembolehubah untuk perbandingan

    //Mula daripada nombor, tambah atau kurangkan nombor setiap kali, dan berakhir pada nombor

  • 3. Badan gelung: segmen kod yang dilaksanakan berulang kali

gelung sambil

Syarat penggunaan: Apabila corak perubahan pembolehubah gelung tidak pasti

Tatabahasa

while(条件){
循环体;
迭代循环变量;
}

Contoh:

Teka permainan nombor: Komputer menjana nombor secara rawak daripada 0 hingga 100. Pemain meneka saiz nombor dan diberi ganjaran jika tekaan lebih tinggi Petua kecil sehingga anda menekanya tepat pada penghujungnya.

var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的随机数
var input="";
while(input!=n&&input!="exit"){
input=prompt("you guess");
alert(
    input>n?"bigger":
    input <n?"smaller":
    input=="exit"?"give up!":
    "you are right"
);

do while loop

Syarat guna: Jika syarat pertama tidak dipenuhi, saya harap sekurang-kurangnya dapat dilaksanakan Sekali;

Sintaks:

var 循环变量=初值;
do{
  循环体;
  迭代变化循环变量;
} while(循环条件)

untuk gelung

Syarat penggunaan: mengubah peraturan pembolehubah gelung Apabila dibetulkan

Sintaks:

var 循环变量=初值;
for(var 循环变量=初值;循环条件;迭代变化循环变量){
循环体
}

Contoh: Cetak garis dalam jadual pendaraban (mesti dikeluarkan dalam konsol)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
           function fun(n){
	           var str="";
	           for(var i=1;i<=n;i++){
	           	  str+=( i+"x"+n+"="+(i*n)+" ");
	           }
	           console.log(str);
           }
		</script>
	</head>
	<body>
		<button οnclick="fun(prompt(&#39;请输入行号:&#39;))">打印乘法口诀指定行</button>
	</body>
</html>


[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Apakah struktur program JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn