JavaScript 基础语法

#博学谷IT学习技术支持#

目录

#博学谷IT学习技术支持#

1.书写语法

2.输出语句

3.变量

4.数据类型

5.运算符

6.流程控制语句

6.1 if 语句

6.2 switch 语句

6.3 for 循环语句

6.4 while 循环语句

6.5 dowhile 循环语句

7 函数

7.1 定义格式

 function 函数名(参数1,参数2..){    要执行的代码}

7.2 函数调用

---

1.书写语法

1. 区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
2. 每行结尾的分号可有可无
3. 注释：
            单行注释：// 注释内容
            多行注释：/* 注释内容 */
4. 大括号表示代码块

if (count == 3) { 
   alert(count); 
} 

2.输出语句

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 console.log() 写入浏览器控制台

3.变量

JavaScript 中用 var 关键字（variable 的缩写）来声明变量

var test = 20;
test = "张三";

JavaScript 是一门弱类型语言，变量可以存放不同类型的值
变量名需要遵循如下规则：
           组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
           数字不能开头
           建议使用驼峰命名

JavaScript 中 var 关键字有点特殊，有以下地方和其他语言不一样

作用域：全局变量

{
    var age = 20;
}
alert(age);  // 在代码块中定义的age 变量，在代码块外边还可以使用

变量可以重复定义

{
    var age = 20;
    var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉
}
alert(age); //打印的结果是 30

针对如上的问题，==ECMAScript 6 新增了 let关键字来定义变量。==它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明。

==ECMAScript 6 新增了 const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。== 通过下面的代码看一下常用的特点就可以了

4.数据类型

JavaScript 中提供了两类数据类型：原始类型 和 引用类型。

使用 typeof 运算符可以获取数据类型

alert(typeof age); 以弹框的形式将 age 变量的数据类型输出

 原始数据类型：

1.number：数字（整数、小数、NaN(Not a Number)）

2.string：字符、字符串，单双引皆可

3.boolean：布尔。true，false

4.null：对象为空

5.undefined：当声明的变量未初始化时，该变量的默认值是 undefined

5.运算符

• 一元运算符：++，--

• 算术运算符：+，-，*，/，%

• 赋值运算符：=，+=，-=…

• 关系运算符：>，<，>=，<=，!=，\==，===…

• 逻辑运算符：&&，||，!

• 三元运算符：条件表达式 ? true_value : false_value

==和===区别:

• ==：

  1. 判断类型是否一样，如果不一样，则进行类型转换

  2. 再去比较其值

• ===：js 中的全等于

  1. 判断类型是否一样，如果不一样，直接返回false

  2. 再去比较其值

6.流程控制语句

6.1 if 语句

var count = 3;
if (count == 3) {
    alert(count);
}

6.2 switch 语句

var num = 3;
switch (num) {
    case 1:
        alert("星期一");
        break;
    case 2:
        alert("星期二");
        break;
    case 3:
        alert("星期三");
        break;
    case 4:
        alert("星期四");
        break;
    case 5:
        alert("星期五");
        break;
    case 6:
        alert("星期六");
        break;
    case 7:
        alert("星期日");
        break;
    default:
        alert("输入的星期有误");
        break;
}

6.3 for 循环语句

var sum = 0;
for (let i = 1; i <= 100; i++) { //建议for循环小括号中定义的变量使用let
    sum += i;
}
alert(sum);

6.4 while 循环语句

var sum = 0;
var i = 1;
while (i <= 100) {
    sum += i;
    i++;
}
alert(sum);

6.5 dowhile 循环语句

var sum = 0;
var i = 1;
do {
    sum += i;
    i++;
}
while (i <= 100);
alert(sum);

7 函数

函数（就是Java中的方法）是被设计为执行特定任务的代码块；JavaScript 函数通过 function 关键词进行定义

7.1 定义格式

函数定义格式有两种：

• 方式1

 function 函数名(参数1,参数2..){
    要执行的代码
}

方式2

var 函数名 = function (参数列表){
    要执行的代码
}

形式参数不需要类型。因为JavaScript是弱类型语言

7.2 函数调用

函数调用函数：

函数名称(实际参数列表);