Blogger Information
Blog 9
fans 0
comment 0
visits 11292
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JavaScript 基本语法 5月5日
Wenlong的博客
Original
624 people have browsed it

5月5日作业

1. 如何正确的声明与定义变量?
2. 变量的提升是原理,如果实现的?
3. 分支结构有几种, 多分支与switch的实现过程

####################################

1.语句

var n = 100 + 20;//语句 没有返回值

表达式 是用在语句中的  ()相当于一个运算符  表达式必须要有返回值,和一个值可以互换

//100+20

//表达式仅允许用在操作符的的右边:右值

//

console.log(n);

//2.变量

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

//关键字:var

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

//3.声明

var age;

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

//age=30;

//var age;

//age=30; 两行代码等同于 var age=30;

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

console.log(age);

//标识符:用在变量或函数名称

//第一个字母必须是:英文字母,$、_

//第二个除了可以英文字母,$、_ 还可以是数字

//大小写是不同的,大小写敏感

// var username = 'admin';

// var UserName = 'wang';

// console.log(username);

//注释是不能嵌套的;


5.区块/代码块/代码段 区块在JS中不能形成作用域 只能函数才能形成作用域

{

     var name ='admin';

   var fn = function(){};

 }

if(true){

    var grade = 85;

    console(grade); }

6.分支

 单分支

var grade=50;

var res = '';

 if(grade > 60){

    res ="及格万岁!!";

}

console.log(res);


双分支

if(grade > 60){

   res='及格万岁!!';

 }else{

     res='补考吧!';

 }

console.log(res);

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

//条件 ? true : false

var  grade = 70;

var res = '';

res=(grade>=60) ? '太棒了!!' :'不好了!!';

console.log(res);


//多分支

var grade = 98;

var res = '';

if(grade >= 60 && grade <80){

res='成绩还可以,继续加油!!';

}else if(grade>=80 && grade<=90){

res='你将成为学霸的节奏!!';

}else if(grade>=90 && grade<=100){

res='你就是学霸!!';

}else {

res='继续加油,准备补考把!!';

}

console.log(res);

//switch 用来简化多分支

var grade=95;

var res = '';

switch(true){

case(grade>60 && grade<80):

res='成绩不错!!';

break;

case(grade>=80 && grade<=90):

res='成为学霸的节奏!!';

break;

case(grade>=90 && grade<=100):

res='你就是学霸了!!!';

break;

default://默认值

res='继续努力,等着补考把!';

}

console.log(res);


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


var lang = 'JS' . toLowerCase();//tolowercase 是用来将大写全部自动转成小写

switch(lang){

case 'html':

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

break;

case 'css':

lang += '是样式定义语言';

break;

case 'js':

case 'javasrcipt':

lang += '是前端脚本语言';

break;

}

console.log(lang);


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post