博客列表 >js基础变量,分支结构总结案例

js基础变量,分支结构总结案例

源逸
源逸原创
2019年05月18日 12:24:131054浏览

2019.05.05对变量,分支结构做一个案例分析(变量提升,分支结构的细节)

1.传统的变量使用var关键词来声明,但是不支持作用域,并且可以重复声明变量

2.到了ESC6标准,可以使用let关键词来声明,它不允许重复变量,支持作用域

区别:

let支持作用域,不允许重复定义

var不支持作用域,允许重复定义


3.let变量声明是未初始化,默认值为:undefined;

let变量提示是,会报引用错误,而var会输出undefined,所以推荐必须先声明再初始化,或声明初始化二合一


关于变量提升

变量提升所谓是把变量自动提升到代码的顶部,可以理解成把代码放在第一行去执行;

例:

console.log(n);

var n = 50;//undefined

执行过程是由上往下执行的,按正常思维来思考应该是报错才对,但为什么会是返回undefined?

如果是把声明变量注释后,返回的结果是:n is not defined才对

应当是

var n;

console.log(n);//如果初始化未赋值,n的默认值是一个undefined

n = 50;

console.log(n);//赋值后,n的值为50

变量声明.png

4.分支结构

//单分支

语法:

if(条件){

 代码块

}

if单分支.png

//多分支

语法:

if(条件){

    满足true时执行的代码块

}else{

    否则false执行的代码块

}

if多分支.png

也可以使用三元运算符代替if else

条件表达式 : 操作数1 ?操作数2


使用场景:根据一个变量的不同取值,执行不同的代码块

说明:每个case的值,与变量进行比较,一致就执行该代码,所有case都是"或"的关系,只要一个case满足就执行。

每个case执行完,必须用break中断执行,如果没有break,所有case都会执行一遍;

语法:

switch(变量){

    case 值1:

        代码1;

        break;

    case 值2:

        代码2;

        break;

    ...

        default:

            //以上条件不成立,执行该代码;

}

switch.png

if条件与switch的区别:

if条件一般是有一个范围(a>100),而seicth中的条件一般是根据一个变量的不同取值来执行相应的代码块


循环语句:

使用场景:已知循环次数

语法:

for(变量初始化;条件判断;条件更新){

循环体

}

for.png

使用场景:只要条件成立,就执行循环

注意:在循环开始前,必须对变量初始化,赋值。在循环体中,必须要有条件更新语句

入口判断

语法:

while(条件){

循环体

}

while.png

出口判断

语法:

do{

循环体

}while(条件);

dowhile.png

while与do while区别:

while是一个入口判断,如果条件不满足,则不执行循环

而do while出口判断,不管条件是否满足都会执行一遍,


break 

跳出循环,执行循环后面的语句。用于无条件结束各种循环,需要在break语句前加一个条件判断


continue 

结束本次循环,进入到下一个循环去执行


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议