JS常用基本语法

BlickindieZukunft
223 阅读5分钟

表达式与语句

JS表达式

列举一下常见的几个表达式

1+2               //表达式的值为3
add(1,2)          //表达式的值为函数的返回值
console.log       //表达式的值为函数本身
console.log(3)    //表达式的值为undefined 但是它会打出来一个3

JS语句

计算机程序是由计算机“执行”的一系列“指令”。
在编程语言中，这些编程指令被称为语句。
JavaScript 程序就是一系列的编程语句。
注释：在 HTML 中，JavaScript 程序由 web 浏览器执行。

例子

var x, y, z;	// 语句 1
x = 22;		// 语句 2
y = 11;		// 语句 3
z = x + y;	// 语句 4

另外，在JS中可以忽略空格的存在，比如：

var a =   

1;

这样的代码都是欧克的(* ￣︿￣)当然不推荐啊，但是！但是！但是！
注意了啊！！return后面 不可以忽略
注意了啊！！return后面 不可以忽略
注意了啊！！return后面 不可以忽略
为啥？？你问我，我问谁，js之父？？

标识符

标识符（identifier）指的是用来识别各种值的合法名称。最常见的标识符就是变量名，以及后面要提到的函数名。JavaScript 语言的标识符对大小写敏感，所以a和A是两个不同的标识符。

标识符有一套命名规则，不符合规则的就是非法标识符。JavaScript 引擎遇到非法标识符，就会报错。

简单说，标识符命名规则如下。

  • 第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字母），以及美元符号（$）和下划线（_）。
  • 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9。

下面这些都是合法的标识符。

arg0
_tmp
$elem
π

下面这些则是不合法的标识符。

1a  // 第一个字符不能是数字
23  // 同上
***  // 标识符不能包含星号
a+b  // 标识符不能包含加号
-d  // 标识符不能包含减号或连词线

中文是合法的标识符，可以用作变量名。

var 临时变量 = 1;

if...else...语句

直接上代码

if (表达式) {
    语句
} else {
    语句
}

你说我if后面直接写行不行？--->没问题，但是我建议你还是老老实实写括号，别问我为啥￣へ￣
当然，常见有个else if...

if (表达式) {
    语句
} else if {
    语句
} else {
    语句
}

这不就是 俩if...else...嘛ヾ(•ω•`)o

但是多个if...else连在一起使用的时候，可以转为使用更方便的switch结构。

switch (fruit) {
  case "banana":
    // ...
    break;
  case "apple":
    // ...
    break;
  default:
    // ...
}

上面代码根据变量fruit的值，选择执行相应的case。如果所有case都不符合，则执行最后的default部分。需要注意的是，每个case代码块内部的break语句不能少，否则会接下去执行下一个case代码块，而不是跳出switch结构。
！！注意：switch里面的变量不会进行类型转换。

var x = 1; // 采用的是严格相等运算符（`===`），这意味着比较时不会发生类型转换。
switch (x) {
  case true:
    console.log('x 发生类型转换');
    break;
  default:
    console.log('x 没有发生类型转换');
}
// x 没有发生类型转换

再说别的几个：\

(条件) ? 表达式1 : 表达式2
&& 或者 || 
这个有时候可以直接用来代替一些简单化的判断语句 就不需要再写if...else...了

while循环与for循环

先说说while

还是直接上代码

while (条件) {
  语句;
}

切记，别写死循环！！！

再说说for

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

它的运行顺序是：初始化表达式、条件、语句、递增或者递减表达式
说一个很容易判断出错的例子：

image.png

image.png 请先自行忽略chrome给你的这个奇奇怪怪的值(///￣皿￣)○～
然后请你看一下，这两个仅仅只是改变了一个var与let，却发生了完全不一样的事情！(⊙_⊙)？
请移步这篇文章 JS几种数据类型及var、let、const的区别

break 语句和 continue 语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出代码块或循环。

var i = 0;

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

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

var i = 0;

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

上面代码只有在i为奇数时，才会输出i的值。如果i为偶数，则直接进入下一轮循环。
！！！而且，记住，它们针对的是当前这一层的循环哦！！！

标签（label）

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

label:
  语句

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

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

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0

上面代码为一个双重循环区块，break命令后面加上了top标签（注意，top不用加引号），满足条件时，直接跳出双层循环。如果break语句后面不使用标签，则只能跳出内层循环，进入下一次的外层循环。

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

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

上面代码执行到break foo，就会跳出区块。
问题来了：下面这个玩意是个啥？？是对象？？？

 {
   foo:1
 }

╰(艹皿艹 )这™就是个标签！！！

avatar
文章
阅读
粉丝