03-05:你从来没试过的方式学习 JavaScript - 5

226 阅读1分钟

JS 分支结构(if...else)

发自小白内心的提问:什么是 JS 分支结构?

请看图:

上面的图有点抽象吗,其实 JS 中的分支结构特别像生活中的各种条件。

编程语言源于生活,JS分支结构就好像:如果你已经18岁,你就可以...

核心语法

分支语句主要注意两个单词:if 和 else。

if 翻译成中文的意思是 如果,如果你不爱我。

else 翻译成中文的意思是 别的,其他的,否则,那我就爱别人。

JS 常见分支结构语法如下:

if(条件){
	// 条件为<真>运行这里的代码;
}else{
	// 条件为<假>运行这里的代码;
}

小练习

我们用前面的知识点配合分支结构做一个小案例,主要有以下三个功能:

  1. 弹出一个输入框,提示用户输入密码。
  2. 如果用户输入的密码是 123456,就提示登录成功。
  3. 输入其他的内容都提示密码错误。

效果展示:

参考代码:

// 弹窗提示用户输入密码
var userName = prompt('请输入密码');

// 如果用户输入密码的是 123456
if (userName === '123456') {
	alert('登录成功');
} else {
	alert('密码错误');
}

注意事项:prompt 输入框弹窗不管用户输入的什么数据,最终数据类型都是字符串型,比较时都要带引号。