美文网首页
JavaScript 的基本语法06

JavaScript 的基本语法06

作者: tinjunge | 来源:发表于2020-03-29 20:51 被阅读0次

JavaScript基本语法:


表达式与语句


1 . 表达式

var a = 1 + 3;

1 + 3叫做表达式(expression),指一个为了得到返回值的计算式。
为了得到返回值,一定会返回一个值。凡是 JavaScript 语言中预期为值的地方,都可以使用表达式。比如,赋值语句的等号右边,预期是一个值,因此可以放置各种表达式。

2.?, :表达式
   表达式1 ? 表达式2 : 表达式3

2. 语句

1. 普通语句

JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。

语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。

var a = 1 + 3;

这条语句先用var命令,声明了变量a,然后将1 + 3的运算结果赋值给变量a

2. 条件语句
1.if语句
  • 语法
    if(表达式){语句1}else{语句2}
    {}在语句只有一句的时候可以省略,但不建议这样写
  • 变态情况
    表达式 -----》 a = 1
    例子:
a = 2  
if(a = 1){
 console.log('a是1')
}else{
  console.log('a不是1')
}

语句1 ------》 嵌套 if else
例子:

a = 2 
if( a < 100)
 if(a < 10)
     console.log("a小于10")

语句2 ------》 嵌套 if else
例子:

if( a < 100){
}else
if(a > 10000){
     console.log("a大于10000")

}

缩进
例子:

    a = 1
      if(a === 2)
         console.log('a')
          console.log('a等于2')
2.switch语句
  • 语法
switch (fruit){
     case "banana": 
      // ...
           break;
     case"apple":
       //...
          break;
      default:
         // ...         
  }

[注:break:大部分时候,不可省略]

2.&&,||语句

A && B && C && D 取第一个假值或D
A || B || C || D 取第一个真值或D

3. 循环语句
1.while语句
  • 语法
while (表达式){语句}

While语句包括一个循环条件和一段代码块,只要条件为真,就不断循环执行代码块。
下面是while语句的一个例子。

var i = 0;

while (i < 100) {
  console.log('i 当前为:' + i);
  i = i + 1;
}

上面的代码将循环100次,直到i等于100为止。

2.for语句

for语句是循环命令的另一种形式,可以指定循环的起点、终点和终止条件。它的格式如下。

for (初始化表达式; 条件; 递增表达式)
  语句

// 或者

for (初始化表达式; 条件; 递增表达式) {
  语句
}

for语句后面的括号里面,有三个表达式。

初始化表达式(initialize):确定循环变量的初始值,只在循环开始时执行一次。
条件表达式(test):每轮循环开始时,都要执行这个条件表达式,只有值为真,才继续进行循环。
递增表达式(increment):每轮循环的最后一个操作,通常用来递增循环变量。
下面是一个例子。

var x = 3;
for (var i = 0; i < x; i++) {
  console.log(i);
}
// 0
// 1
// 2

上面代码中,初始化表达式是var i = 0,即初始化一个变量i;测试表达式是i < x,即只要i小于x,就会执行循环;递增表达式是i++,即每次循环结束后,i增大1。

所有for循环,都可以改写成while循环。上面的例子改为while循环,代码如下。

var x = 3;
var i = 0;

while (i < x) {
  console.log(i);
  i++;
}

for语句的三个部分(initialize、test、increment),可以省略任何一个,也可以全部省略。

for ( ; ; ){
  console.log('Hello World');
}

上面代码省略了for语句表达式的三个部分,结果就导致了一个无限循环。

3.do...while语句

do...while循环与while循环类似,唯一的区别就是先运行一次循环体,然后判断循环条件。

do
  语句
while (条件);

// 或者
do {
  语句
} while (条件);

不管条件是否为真,do...while循环至少运行一次,这是这种结构最大的特点。另外,while语句后面的分号注意不要省略。

下面是一个例子。

var x = 3;
var i = 0;

do {
  console.log(i);
  i++;
} while(i < x);
4.break 语句和 continue 语句

break语句和continue语句都具有跳转作用,可以让代码不按既有的顺序执行。
break语句用于跳出代码块或循环。

var i = 0;

while(i < 100) {
  console.log('i 当前为:' + i);
  i++;
  if (i === 10) break;
}

上面代码只会执行10次循环,一旦i等于10,就会跳出循环。

for循环也可以使用break语句跳出循环。

for (var i = 0; i < 5; i++) {
  console.log(i);
  if (i === 3)
    break;
}
// 0
// 1
// 2
// 3

上面代码执行到i等于3,就会跳出循环。
continue语句用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。

var i = 0;

while (i < 100){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为:' + i);
}

上面代码只有在i为奇数时,才会输出i的值。如果i为偶数,则直接进入下一轮循环。

如果存在多重循环,不带参数的break语句和continue语句都只针对最内层循环。

区别:

  • 表达式一般都有值,语句可能有也可能没有
  • 语句一般会改变环境(声明、赋值)
    【注:以上两句话并不绝对,视具体情况而定】

3. 标识符(identifier)指的是用来识别各种值的合法名称。最常见的标识符就是变量名,以及后面要提到的函数名。

a. 规则:

  1. 第一个字符,可以是Unicode字母或$或_或中文
    02.后面的字符,还可以有数字

b.变量名是标识符:

 var _ = 1  
  var $ = 2
  var _____ = 6
  var 你好 = 'hi'
图示01 图示02

4. 注释

// 单行注释
/* */ 多行注释

5. 区块block ---- 把代码包在一起

例:

{
let  a = 1
let  b = 2
let  c = 3
}

【常与if/for/while合用】

JavaScript标签(label)


JavaScript语言允许,语句的前面有标签label,相当于定位符,用于跳转到程序的任意位置,标签的格式如下。

label:
  语句

标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。

标签通常与break语句和continue语句配合使用,跳出特定的循环。

标签也可以用于跳出代码块。

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2

上面代码执行到break foo,就会跳出区块。

JavaScript基本特性:


  1. 大小写敏感:
    var avar A不同
    Objectobject不同
    functionFunction不同

2.空格:大部分空格没有实际意义
var a = 1var a=1没有区别
加回车大部分时候也不会影响代码
[注:只有一个地方不能加回车,此处为return后面]

相关文章

  • JavaScript 的基本语法06

    JavaScript基本语法: 表达式与语句 1 . 表达式 1 + 3叫做表达式(expression),指一...

  • JavaScript01_基础知识

    一、基本语法 基本语法 JavaScript的每个语句以;结束,语句块在花括号内{...}。 JavaScript...

  • JavaScript基本语法03

    原文博客地址: JavaScript基本语法03 书接上文JavaScript基本语法, 记录了JavaScrip...

  • JavaScript基本语法

    1.语句 statement var a = 1 + 3 ; 语句以分号结尾var 命令 a变量 1+...

  • JavaScript 基本语法

    常见用途 HTML DOM 操作(结点操作,比如添加、修改、删除结点) 给网页增加动态功能 js 输出与调试

  • JavaScript 基本语法

    JavaScript 的基本语法 语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行...

  • JavaScript基本语法

    初识JavaScript JavaScript的组成 完整的JavaScript是由ECMAScript(语法)、...

  • JavaScript基本语法

    编写位置 我们的JS代码需要编写到 标签中 我们一般将script标签写到head中。(和style标签有点像) ...

  • JavaScript基本语法

    JavaScript历史 JavaScript,通常缩写为JS,是一种高级的,解释执行的编程语言[5]。JavaS...

  • JavaScript 基本语法

    编写位置 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要...

网友评论

      本文标题:JavaScript 的基本语法06

      本文链接:https://www.haomeiwen.com/subject/hcyuuhtx.html