JS原生的基本语法1

变量

var str = “hello word”；
作用：在内存中开辟一个空间 这个空间的名称就是str 这个空间所保存的内容就是 hello world
可以达到复用的目的；

变量的定义： var 变量名 = 变量值;
变量名的规范：
    数字/字母/下划线(_)/美元符号($)组成
    不可以以数字开头
    不可以使用关键字保留字作为变量名
    JS语法严格区分大小写 
    var a = 1;
    var A = 2;
    这是两个不同的变量
变量的作用： 编译器遇见var 就会在内存中开辟一个空间，这个空间的名称是变量的名称。存储一些数据。
变量的特点：
    变量只可以保存一个值
    变量的值可以修改
    变量在被使用的时候，所使用的是变量保存的值
    =是“赋值”的意思 它会先执行右侧的表达式 再将表达式的计算结果 赋值给左侧 左侧必须是变量名
    在使用变量的时候，不可以加双引号

JavaScript基础

document.write()

该代码用于向页面的body标签中写入内容 
注： document是“文档”的意思 代表的就是当前打开的html页面
注： . 在JS中，表示的是 “的” 的意思 
注： write 表示“写入”的意思 
总结起来就是：“向当前的文档中写入内容” 
()里面就是要写入的内容，注意使用双引号包裹

变量

简介

变量是JS中的一个“容器”。用来装载一些数据。
特点： 每当有代码使用到这个变量，就会使用这个变量容器中的数据。

定义

定义一个变量：如下定义
var a = 10;
含义： 在内存中开辟了一个空间，这个空间的名字叫做a， 并在这个空间中存放了一个内容10.

名称定义规范

1 整体由 数字、 字母、 下划线(_)、 美元符号($) 组成 
2 不可以以数字开头
3 不可以使用关键字、保留字作为变量名称
4 JS变量名称严格区分大小写(对大小写敏感)

变量的小特点

1 变量在被使用的时候是不可以加双引号的 
2 变量在被使用的时候使用的是所保存的值
3 变量只可以保存一个值
4 等号(=)不是比较的意思 是赋值的意思 把等号右边的 交给等号左边 左边通常是变量
错误示范: 1 = 1;

数据类型

数据类型指的是一门语言中对不同数据的类型划分。
JS中的数据类型一共有6种。分为两大类： 基本类型、 引用类型

基本数据类型

字符串、数字、布尔、undefined、null

引用类型（先不讲）

字符串

字符串的定义规则： 使用单引号、双引号作为字符串的开启和结束标记
注：不可以使用一个单引号加一个双引号 或者 一个双引号加一个单引号去定义字符串。这是不合法的

问题：如何在一个字符串中出现单引号或者双引号

转义 在字符串中的单引号或者双引号之前 使用\ 

嵌套  如果想要在字符串中出现单引号，那就使用双引号去定义字符串 反之亦然

数字

数字就是数学中的数字。
按照不同的进制：
    十进制： 10、 123、 123.333      逢10进1
    八进制： 077、 012     注：以0开头 不可以出现8和8以上的数字    逢8进1
    二进制： 0b1010101001  注：以0b开头 不可以出现2和2以上的数字   逢2进1 
    十六进制： 0xfff       注：以0x开头 单个位数的最大值为f        逢16进1
特殊的数字: 
    NaN  表示不是一个数
    Infinity 表示无穷大
    -Infinity 表示的是负无穷大

布尔值

布尔数据类型只有两个值: true false

undefined

只有一个值 就是undefined

null

只有一个值 就是null

判定数据类型

方式1: typeof 值
方式2: typeof(值)

JS中的注释

单行注释: // 
多行注释: /**/

JS的书写位置

1 script标签里
2 .js文件中 通过script标签的src引入

注: 拥有src属性的script标签内的代码将不会被执行，一般不要再写js的代码了

运算符

数学运算符

+  
    含义1: 连字符 
    在表达式中具备字符串时,就会当作连字符处理 
    含义2: 数学中的加法
- 
    数学中的减法
* 
    数学中的乘法
/
    数学中的除法（会有小数点的产生）parseInt(a / 10)可以取整
%
    数学中的求模(取余)
简写形式:
    a += 10;
    a = a + 10;
    
    a -= 10;
    a = a - 10;

    a *= 10;
    a = a * 10;

    a /= 10;
    a = a / 10;

    a %= 10;
    a = a % 10;

关系运算符:

>     大于
>=    大于等于
<     小于
<=    小于等于
==    相等(只比较值 不比较数据类型)
===   全等(既比较值 也比较数据类型)
!=    不相等(只比较值 不比较数据类型)
!==   不全等(既比较值 也比较数据类型)

逻辑运算符

&& 逻辑与
|| 逻辑或
! 逻辑非
&& 两侧有假就假 都真才真
|| 两侧有真就真 都假才假
! 只能够写在某一个变量的左侧 会对它进行取反操作 最终结果为true或者false

其他知识点:

console.log() 会将内容打印在控制台中, 并显示

数据类型的转换

字符串转数字:
    Number(); 
    parseInt();
    parseFloat(); 
数字转字符串：
    变量.toString();
    使用连字符+号 连接一个空字符串
转布尔值：
    Boolean();
    可以转为false的： 0 "" undefined null NaN

数据类型的判定

typeof 值
typeof(值)
它们返回的都是表示值的数据类型的字符串
var a = 123;
typeof typeof typeof typeof a;
一共有4个typeof
运算顺序
typeof typeof typeof typeof 123;
typeof typeof typeof "number";
typeof typeof "string";
typeof "string";
"string"

自增运算符 自减运算符

自增运算符: ++
自减运算符: --
含义: 让一个变量保存的数 +1 或者 -1 再赋予变量自身
可以出现的位置: 变量的前面和后面
如果出现在前面: ++变量
变量的使用会先+1 再参与运算
如果出现在后面: 变量++
变量的使用会先使用原值, 再++

var a = 10;

var b = a-- + --a;

// 代码的执行顺序

// 1 定义一个变量a 保存10

// 2 先执行等号右侧 a-- 此时使用的值是10 a变为9 继续运算 发现 --a a又出现了 a已经是9 因为–在前面 所以先-1 变为8 再使用8 进行运算

var b = 10 + 8

console.log(b);

分支判定

为了让程序拥有"自主选择" 能力,我们加入了分支判定功能 可以让程序决定执行哪一段代码,不执行哪一段代码,从而实现程序结果的多样化.

if语句

语法1: 
    if (表达式) { 代码段 } else { 代码段 }
以上写法: 当表达式为真时,执行if代码段 当表达式结果为假时,执行else代码段 
语法2:
    if (表达式) {代码段}
以上写法: 当表达式为真时,执行if代码段 当表达式结果为假时,不执行任何内容
语法3：
    if (表达式1) {代码段1} else if (表达式2) {代码段2} else if (表达式3) {代码段3} ...
以上写法：
    当表达式1为真时，执行代码段1 执行完毕 跳出分支判断 
    当表达式1为假时，去判定表达式2，为真时，执行代码段2 
    当表达式2为假时，去判定表达式3，为真时，执行代码段3
    当表达式3为假时，继续往后判定 直到遇见为真的表达式 就执行对应的代码段 或者都不符合，就不会进入分支代码。
语法4：
    if (表达式1) {代码段1} else if (表达式2) {代码段2} else {代码段3}
    当表达式1为真时 执行代码段1 否则判定表达式2 为真时执行代码段2 否则 执行代码段3
注：
    整个if语句由3部分组成
        if () {}
        else if () {}
        else {}
        除了第一部分必须有之外，其余部分都可以省略。
        第三部分只能出现一次，第二部分可以出现多次。

switch语句

语法：
    switch (表达式) {
        case 结果1:
            code...
        break;
        case 结果2:
            code...
        break;
        case 结果3:
            code...
        break;
        case 结果4:
            code...
        break;
        case 结果5:
            code...
        break;
        case ……
            code...
        break;
        default:
            code...
        break;
    }
执行规则：
    当表达式的结果为对应的case结果时，执行对应的代码。
    case 后面的内容最终必须时固定的值，不可以是范围表达式。
    break的作用是停止代码，跳出switch语句。
    default的作用是当任何case都没有对应上，执行！
    在比较case的值时，使用的是全等比较
注: 如果没有break，则会出现“落空”现象。 落空现象：指的是会执行下一个case语句中的代码的现象。

三元运算符

也叫做三目运算符
指的是对if else语句的一种简化方式
语法：
    条件 ? 结果1 : 结果2
规则：
    当条件为真时，使用结果1
    否则，使用结果2

循环结构

当有大量的重复性的代码时，我们可以使用循环语句来解决。

while循环

语法：
    while (条件) {
        code...
    }
注: 一定记得在语句中改变条件表达式中的变量 否则会死循环

do while循环

语法：
    do {
        code...
    } while (条件);
注: 一定记得在语句中改变条件表达式中的变量 否则会死循环
注：无论条件是否达成，都会执行一次语句

for 循环

语法：
    for (初始化; 条件; 改变初始化条件) {
        code...
    }
注：改变初始化条件不一定是 i++。 i += 2也是可以的
注：该语法有变种写法，但是不推荐使用
注：循环变量在for循环结束之后依旧可用

其它知识点

prompt(提示文字) 弹出一个输入框 并显示提示文字 返回值是用户输入的内容 值的数据类型为字符串
alert(提示文字) 弹出一个警告框 并显示提示文字 

自增自减运算符

++  等价于 + 1
--  等价于 - 1
特点： ++ 和 --运算符 既可以出现在变量的前面也可以出现在变量的后面
区别：
    如果出现在变量的前面，先变化 再运算
    如果出现在变量的后面，先运算 在变化

分支结构

为了让程序变得更“聪明”。增加了分支结构判定。

if 语句

语法：
    if (expression) {
        code...
    } else if (expression1) {
        code...
    } else if (expression2) {
        code...
    } else {
        code...
    }
说明；
    if 语句中，可以分为三部分 1 if 语句 2 else if语句 3 else语句
    1 必须出现 2 可以出现多次 可以出现一次 可以不出现 3 可以出现一次 可以不出现
    () 表示判定条件 里面的内容 最终是一个布尔值 
    分支结构中，最终代码执行一条分支中的代码。其余的分支不会执行

switch语句

语法：
    switch (expression) {
        case value1:
            code...
        break;
        case value2:
            code...
        break;
        case ...
            code...
        break;
        default:
            code...
        break;
    }
    swtich 是 开关的意思
    expression 是表达式 最终也是一个布尔值
    case 表示分支 可以出现多次
        value只能是固定的值 不可以是范围表达式
    如果expression的结果与某一个case的value全等 则会执行对应的代码
    break：打断代码，可以不出现，这种情况下会出现“落空”/“穿透”现象
    default: 表示当expression的结果没有与任何一个case的value匹配 则会执行default的代码

三元运算符

是一种对if else语句结构的简化
    if else
        if (expression) {
            code1
        } else {
            code2
        }
    三元：
        语法： expression ? value1: value2
        当表达式的结果为真时，使用value1，否则使用value2
        expression ? code1 : code2;

循环结构

循环就是重复

while循环

语法：
    while (expression) {
        code...
    }
执行规则：
    先对expression判定 如果为真 进入循环 执行code 
    当code执行完毕 再判定expression 如果为真 继续进入循环 code...
    当code执行完毕 再判定expression 如果为真 继续进入循环 code...
    当code执行完毕 再判定expression 如果为真 继续进入循环 code...
    当code执行完毕 再判定expression 如果为真 继续进入循环 code...
    当code执行完毕 再判定expression 如果为真 继续进入循环 code...
    ...
    直到expression不成立 跳出循环 
注: 千万注意，一定要在某一次循环中，将expression变为false

do while循环

语法：
    do {
        循环体
    } while (expression);
执行规则：
    先执行一次循环体的内容 
    再对expression进行判定
    如果为真，继续循环，如果为假，跳出循环
注： 千万注意，一定要在某一次循环中，将expression变为false
注： 无论expression第一次的时候是真还是假，都会执行一次循环体的内容

for 循环

语法：
    for (初始条件1; 判定条件2; 修改初始值4) {
        循环体3
    }
执行规则：
    第一次执行： 1 2 3 4 
    之后的每一次执行： 2 3 4 
变种1： 将初始条件放到for循环前面
变种2： 将修改初始值放入循环体的末尾
变种写法, 知道可以这么写，千万不要这么用
循环变量：在循环结束之后，依旧可用

今日

break

break关键字，用于打断循环的执行。
我们已经见过的break就是switch case语句中的break。如果执行完case中的代码遇见了break，则跳出分支结构。如果没有遇见break，则会继续往下“落空”。继续执行下一个case代码。
额外知识点： 可以通过 x: 在for关键字之前 给当前循环添加一个标记 x表示这个标记的名称
当break使用时，可以在break后面跟一个x来表示break打断的时哪层循环。

continue

continue关键字，用于跳过当前层循环，进入下一次循环

注： continue和break只能够用在循环体内