博客列表 >JavaScript基本语法(变量与分支结构)--2019年5月5日

JavaScript基本语法(变量与分支结构)--2019年5月5日

ChenPJ的博客
ChenPJ的博客原创
2019年05月07日 14:13:12577浏览

 

1,如何正确的声明与定义变量

 

变量是用于存储信息的“容器”。在JavaScript中创建变量称为“声明”变量,使用“var”关键字来声明。

       var 变量名;

比如:

       var carname;

变量声明之后只是一个空的容器,没有实际的值,系统将其标记为”undefined”。要向变量赋值,需要使用赋值运算符。

比如:

       carname = “volovo”;

也可以在声明的同时直接赋值:

       var carname = “volovo”;

 正确定义变量需要遵循以下几点:

a.  变量必须以字母或者“$”字符或者“_”字符开头,第二字起可以加入数字,不能包含上述字符外的其它字符。

b. JavaScript变量名对大小写敏感,”carname”与“carName”将被识别为不同的变量。

c. 声明变量时,不可以使用关键字当作变量名,比如:var var; 是一条非法的变量声明。


2,变量的提升是什么原理,如何实现的

JavaScript是解释型语言,但它不是边解释边执行,而是要先经过编译阶段,然后再由上而下执行。而JavaScript在编译的时候,会搜集所有的变量声明并且将声明语句提到代码顶部,其它的语句再按顺序执行。

比如:

        console.log(carname);

        var carname=”volovo”;

这段代码在编译阶段将会被调整为:

       var carname;

       console.log(carname);

       carname=”volovo”;

而根据变量声明规则,编译后的代码,执行结果为在控制台输出“undefined”,而不是提示出错,也不是按预想的输出“volovo”。

 因此总结一下:

JavaScript会将变量的声明提升到代码顶部执行,因此对于这种语句:var a = 2;实际上JavaScript会将其分为var a;和a = 2;两部分,并且将var a这一步提升到顶部执行。

变量提升的本质其实是由于JavaScript引擎在编译的时候,就将所有的变量声明了,因此在执行的时候,所有的变量都已经完成声明。


3,分支结构有几种, 多分支与switch的实现过程

分支结构在程序代码中用于控制流程,进行条件的判断与执行选择。JavaScript中有三种分支情况:

a.  一个条件,一种选择。

        If (true) {

            … …

             操作代码

        }

满足条件就执行,否则就跳过

b.一个条件,两种选择。

        if(true){

            满足时才执行的代码

        } else {

            不满足时才执行的代码

        }

满足条件时选择第一个分支,不满足时执行第二分支。完整的分支结构,都是必须且只能选一种情况执行。

c. 多个条件,多个选择

        if(条件1){

            操作1

         } else if(条件2){

            操作2

        } else if(条件3){

            操作3

        } else {

            默认操作,当所有条件都不满足时执行。

        }

  两点总结:

     1.最后的else可省略,一旦所有条件都不能满足,则什么都不做

     2.条件可以是任意的关系运算或逻辑运算

多分支结构的switch示例:

实例

<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">
<title>多分支结构</title>
<body>
<script type="text/JavaScript">
  //声明变量,保存考试成绩
  var grade = 75;
  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)
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

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