JavaScript基本语法

---

1.变量

---

变量的使用与赋值

<script>
  var unit, room;                   // 声明变量
  unit = 3;                         // 为变量赋值
  room = 1001;                      // 为变量赋值
  var fname = 'Tom', age = 12;      // 声明变量的同时赋值
</script>

<script>
  flag = false;                     // 声明变量flag并为其赋值false
  a = 1, b = 2;                     // 声明变量a和b并分别为其赋值为1和2
</script>

<script>
  var r = 6;
  const PI = 3.14;
  const P = 2 * PI * r;
  console.log('P=' + P);            // 输出结果：P=37.68
</script>

---

2.数据类型

---

布尔型：

var f=true;//为f赋一个值布尔型的值true；
var d=false;//为d赋一个值布尔型的值false；

数值型：

<script>
  var oct = 032;            // 八进制数表示的26
  var dec = 26;             // 十进制数26
  var hex = 0x1a;           // 十六进制数表示的26
  var fnum1 = 7.26;         // 标准格式
  var fnum2 = -6.24;        // 标准格式
  var fnum3 = 3.14E6;       // 科学计数法格式3.14*10^6
  var fnum4 = 8.96E-3;      // 科学计数法格式8.96*10^-3
</script>

字符型：
程序中的字符型数据包含在单引号’’ 或者双引号"" 里

<script>
  var slogan = 'Knowledge';         // 单引号，存放一个单词
  var str = "the sky is blue.";     // 双引号，存放一个句子
  var color = '"red"blue';          // 单引号中包含双引号
  var food = "'pizza'bread";        // 双引号中包含单引号
  var num = '', total = "";         // 定义空字符串
</script>

typeof 操作符：
返回数据类型

<script>
  var num1 = 12, num2 = '34', sum = 0;     // 声明变量并赋值
  sum = num1 + num2;                       // 变量进行相加运算
  console.log(sum);                        // 输出结果：1234
</script>

<script>
  console.log(typeof num1);                // 输出结果：number
  console.log(typeof num2);                // 输出结果：string
  console.log(typeof sum);                 // 输出结果：string
</script>

转布尔型：

<script>
  var con = prompt();           // 保存用户的输出内容
  if (Boolean(con)) {
    document.write('已输入内容');
  } else {
    document.write('无输入内容');
  }
  console.log(Boolean(con));    // 用户单击“取消”按钮，则结果为false
  console.log(Boolean(con));    // 用户未输入，单击“确定”按钮，则结果为false
  console.log(Boolean(con));    // 用户输入“哈哈”，单击“确定”按钮，则结果为true
</script>

转数值型：

<script>
  // 获取用户的输入，完成自动求和
  var num1 = prompt('请输入求和的第1个数据：'); // 假设当前用户输入：123abc
  var num2 = prompt('请输入求和的第2个数据：'); // 假设当前用户输入：456
  // 未处理，直接进行相加运算
  console.log(num1 + num2);                     // 输出结果：123abc456
  console.log(parseInt(num1) + parseInt(num2)); // 输出结果：579
</script>

转字符型：

<script>
  var num1 = num2 = num3 = 4, num4 = 26;
  console.log(String(12));                          // 输出结果：12
  console.log(num1 + num2 + num3.toString());       // 输出结果：84
  console.log(num4.toString(2));                    // 输出结果：11010
</script>

---

运算符：

---

算数运算符：

+	加
-	减
+	加
*	乘
/	除
%	求余
++	自增
- -	自减

字符串运算符:

<script>
  var color = 'blue';
  var str = 'The sky is '+color;
  var tel = 110 + '120';
  console.log(str);                          // 输出结果为：The sky is blue
  console.log(tel);                          // 输出结果为：110120
  console.log(typeof str, typeof tel);       // 输出结果：string string
</script>

赋值运算符：

=	赋值
+=	加并赋值
-=	减并赋值
*=	乘并赋值
/=	除并赋值
%	求余并赋值

比较运算符：

==	等于
!=	不等于
===	全等
>	大于
>=	大于等于
<	小于
<=	小于等于

***逻辑运算符：***、

&&与 并且
|| 或者
！非

三元运算符：
条件表达式？表达式1：表达式2
先求条件表达式的值，如果为true，则返回表达式1的结果。如果条件表达式为false，则返回表达式2的执行结果。

<script>
  var age = prompt('请输入需要判断的年龄：');
  var status = age >= 18 ? '已成年' : '未成年';
  console.log(status);
</script>

流程控制语句：

---

选择结构语句：
if语句：
if(判断条件){
代码块
}

<script>
  var age = 0;
  if (age >= 18) {
    console.log('已成年');
  }
</script>

if else 语句：
if（判断条件）{
执行语句1
…
}else{
执行语句2
…
}

<script>
  var age = 0;
  if (age >= 18) {
    console.log('已成年');
  } else {
    console.log('未成年');
  }
</script>

if else if els语句：
if（判断条件1）{
执行语句1
…
}else if(判断条件2){
执行语句2
…
}else{
执行语句3
}

<script>
  var score = 0;
  if (score >= 90) {
    console.log('优秀');
  } else if (score >= 80){
    console.log('良好');
  } else if (score >= 70){
    console.log('中等');
  } else if (score >= 60){
    console.log('及格');
  } else {
    console.log('不及格');
  }
</script>

switch case语句：

<script>
  var score = 0;
  switch ( parseInt(score/10) ) {
    case 10:  // 90~100为优
    case 9:  console.log('优');  break;
    case 8:  console.log('良');  break;
    default: console.log('差');
  }
</script>

循环语句：
do while循环语句：

<script>
  var num = 1;
  while (num <= 100) {
    console.log(num);
    num++;
  }
</script>

for循环语句：
for(初始化表达式；循环条件；操作表达式){
执行语句…
}

<script>
  // let关键字
  for (let i = 0; i < 3; ++i) {
  }
  // 输出结果：i is not defined
  console.log(i); 

  // var关键字
  for (var i = 0; i < 3; ++i) {
  }
  // 输出结果为：3
  console.log(i);
</script>

跳转语句：
break语句：
结束整个循环

continue语句：
结束当前循环，继续下个循环。