JavaScript基础

JavaScript基础

1.JS引入方式

1 直接编写
    <script>
        alert('hello yuan')
    </script>
2 导入文件
    <script src="hello.js"></script>

2.JS的变量、常量和标识符

1、声明变量时不用声明变量类型. 全都使用var关键字;

var a; <br>a=3;

2、一行可以声明多个变量.并且可以是不同类型

var name="yuan", age=20, job="lecturer";

3、声明变量时 可以不用var. 如果不用var 那么它是全局变量

4、变量命名,首字符只能是字母,下划线,$美元符 三选一，余下的字符可以是下划线、美元符号或任何字母或数字字符且区分大小写，x与X是两个变量

命名规范:

Camel 标记法
首字母是小写的，接下来的字母都以大写字符开头。例如：
var myTestValue = 0, mySecondValue = "hi";
Pascal 标记法
首字母是大写的，接下来的字母都以大写字符开头。例如：
Var MyTestValue = 0, MySecondValue = "hi";
匈牙利类型标记法
在以 Pascal 标记法命名的变量前附加一个小写字母（或小写字母序列），说明该变量的类型。例如，i 表示整数，s 表示字符串，如下所示“
Var iMyTestValue = 0, sMySecondValue = "hi";

常量和标识符:

常量:直接在程序中出现的数值

标识符:
1.由不以数字开头的字母、数字、下划线(_)、美元符号($)组成.
2.常用于表示函数、变量等的名称.
3.例如：_abc,$abc,abc,abc123是标识符，而1abc不是.
4.JavaScript语言中代表特定含义的词称为保留字，不允许程序再定义为标识符.

3.JS的数据类型

number ----- 数值
boolean ----- 布尔值
string ----- 字符串
undefined ----- undefined
null ----- null

---

3.1数字类型 (number)

特性:
1.不区分整型数值和浮点型数值;
2.所有数字都采用64位浮点格式存储，相当于Java和C语言中的double格式.
3.能表示的最大值是±1.7976931348623157 x 10308
4.能表示的最小值是±5 x 10 -324.

整数:

在JavaScript中10进制的整数由数字的序列组成  
精确表达的范围是-9007199254740992 (-253)  到9007199254740992 (253)  
超出范围的整数，精确度将受影响

浮点数:

使用小数点记录数据
例如：3.4，5.6
使用指数记录数据
例如：4.3e23 = 4.3 x 1023

16进制和8进制数的表达:

16进制数据前面加上0x，八进制前面加0;16进制数是由0-9,A-F等16个字符组成;8进制数由0-7等8个数字组成

---

3.2 字符串类型(string)

是由Unicode字符、数字、标点符号组成的序列；字符串常量首尾由单引号或双引号括起；JavaScript中没有字符类型；常用特殊字符在字符串中的表达；
字符串中部分特殊字符必须加上右划线\；常用的转义字符 \n:换行 ':单引号 ":双引号 \:右划线

---

布尔类型(boolean)

true和false 也代表0和1 实际运算中true=1,false=0

---

Null & Undefined类型

Undefined类型

Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。

当函数无明确返回值时，返回的也是值 "undefined";

Null类型

另一种只有一个值的类型是 Null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。

尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象（在讨论 typeof 运算符时，简单地介绍过这一点）。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。

4.运算符

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

比较运算符：
    >   >=   <    <=    !=    ==    ===   !==

逻辑运算符：
     &&   ||   ！

赋值运算符：
    =  +=   -=  *=   /=

字符串运算符：
    +  连接，两边操作数有一个或两个是字符串就做连接运算

5.流程控制

5.1顺序结构(从上往下顺序执行)

<script>
    console.log(“星期一”);
    console.log(“星期二”);
    console.log(“星期三”);
</script>

---

5.2分支结构

if-else结构:

if (表达式){
   语句１;
   ......
   } else{
   语句２;
   .....
   }

if-elif-els结构:

if (表达式1) {
    语句1;
}else if (表达式2){
    语句2;
}else if (表达式3){
    语句3;
} else{
    语句4;
}

switch-case结构:

switch (表达式) {
    case 值1:语句1;break;
    case 值2:语句2;break;
    case 值3:语句3;break;
    default:语句4;
}

---

5.2循环结构

for循环:

语法规则：
1.
    for(初始表达式;条件表达式;自增或自减)
    {
            执行语句
            ……
    }
    
2.
    for( 变量 in 数组或对象)
        {
            执行语句
            ……
        }

while循环:

语法规则：

while (条件){
    语句1；
    ...
}

异常处理:

try {
    //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
    // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。
    //e是一个局部变量，用来指向Error对象或者其他抛出的对象
}
finally {
     //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。
}

注:主动抛出异常 throw Error