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中没有字符类型;常用特殊字符在字符串中的表达;
字符串中部分特殊字符必须加上右划线;常用的转义字符 :换行 ':单引号 ":双引号 :右划线


布尔类型(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 (表达式){
   语句1;
   ......
   } else{
   语句2;
   .....
   }

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
原文地址:https://www.cnblogs.com/jmblog/p/7686869.html