博主信息
博文 49
粉丝 1
评论 0
访问量 53446
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS的变量、声明、变量提升和分支结构的学习(安装好环境和工具,上机验证了解JS的变量和分支结构)2019年5月5日20点
Nick的博客
原创
808人浏览过

// 变量:

// 由名称和值两部分组成,是程序中临时存储数组的容器


// 变量:var age = 30;将一个数值型的字面量,赋值给变量age


// 一个赋值语句又两部分组成

// 声明:

var age;

var age = undefined;//age 未赋值时为 undefined

// 赋值:第一次赋值叫初始化,第二次叫更新

age = 30;



// 变量提升:将变量的声明自动提升到代码的顶部,第一行。

console.log(n);//n 现在没有赋值,输出时应该报错,但是实际输出是 undefined.

var n = 50;


// 变量提升演示:所以输出为 undefined,因为输出时 n 没有获得赋值,只是声明了 var n = undefined 。

var n;

console.log(n);

n = 50;




// 分支结构:有单分支,双分支和多分支。

// 单分支:

var grad = 70;

var res = '';


if (grad >= 60) {

res = '及格';

}


console.log(res);

// 因为grad的值为70,所以满足大于或等于60的条件,输出值应该为 及格 ,当grad小于60时,无输出值。



// 双分支

var grad = 70;

var res = '';


if (grad >=60) {

res = '及格';

}else {

res = '不及格'

}


console.log(res);

// 因为grad的值为70,所以满足大于或等于60的条件,输出值应该为 及格 ,当grad小于60时,输出为 不及格 。


// 用三元运算符来简化双分号

// 条件 ? true : false

var grad = 70;

var res = '';

res = (grad >= 60) ? '及格' : '不及格';

console.log(res);

// 当条件满足时输出为true的设置值 及格 ,当条件不满足时输出为false的设定值 不及格 。


// 多分支

var grad = 90;

var res = '';


if (grad >= 85 && grad <= 100) {

res = '优秀';

}else if (grad >= 60 && grad <85) {

res = '及格';

}else {//单一个else的时候为默认值,即不满足以上条件

res = '不及格'

}


console.log(res);

// 输出值为:优秀 ,因为满足(grad >=85 && grad <= 100);。


// switch 简化多分支

// switch写法

var grad = 25;

var res = '';


switch (true) {

case (grad >= 85 && grad <= 100):

red = '优秀';

break;//跳出,如果没有break语句的跳出,会顺延执行输出值


case (grad >= 60 && grad < 85):

red = '及格';

break;//跳出,如果没有break语句的跳出,会顺延执行输出值


default://不满足以上条件直接输出值

red = '不及格';

}


console.log(res);

// 输出值为:不及格 ,因为不满足 (grad >=85 && grad <= 100) 也不满足(grad >= 60 && grad < 85)。


// switch : 更多用在单值判断的场景

var lang = 'Html' .toLowerCase();//toLowerCase 不管大小写,默认值为小写。


switch (lang) {

case 'html':

// lang = lang + '是超文本标记语言';

lang += '是超文本标记语言';//缩写

break;

}

console.log(lang);

// 输出值为: html是超文本标记语言


var lang = 'JS' .toLowerCase();//toLowerCase 不管大小写,默认值为小写。


switch (lang) {

case 'javascript':

case 'js':

// lang = lang + '是前段脚本语言';

lang += '是前段脚本语言';//缩写

break;

}

console.log(lang);

//输出值为:js是前段脚本语言


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学