js-day01js引入输出&数据类型

0.课程目标

1.js及其组成
2.js的三种引入方式
3.js的四种输出方式
4.变量
5.数据类型
6.数据类型的强制转换
7.运算符

1.js的概念及组成

概念：JavaScript。基于事件和对象驱动，具有相对安全性的解释型客户端脚本语言。
组成：
    BOM:browser object model 浏览器对象模型，对浏览器进行操作
    DOM:document object model 文档对象模型，对元素、属性、属性值进行操作
    ECMAScript:ES核心语法，变量、数据类型、流程控制等等。

2.js的三种引入方式

1.内嵌式
    在body标签结束之前或者在head标签里面放入<script> js代码 </script>    

2.外链式
    1.新建一个js文件  【.js】
    2.在body标签结束之前或者在head标签里面放入<script src='对应js文件的路径'></script>

3.事件属性的方式
    <元素 on事件类型 = 'js代码'></元素>
    <元素 onclick = 'js代码'></元素>  点击的时候执行对应的js

4.a的href属性引入 【了解】

3.js的四种输出方式

1.警告框
    alert('要弹出的信息');

2.输入框
    prompt('提示信息');

3.网页输出 【可以识别标签】
    document.write('想要在网页中显示的内容') 

4.控制台输出
    console.log('信息1','信息2');
    \n代表换行    \'代表引号

注意：网页输出中，用反引号里面的代码就可以换行 ``

4.变量：变化的数据，用于存储程序中的数据

1.定义变量 = 声明 + 赋值
    var 变量名 = 值;
    let 变量名 = 值;
    const 变量名 = 值;

    var定义的变量可以重复声明和赋值
    let定义的变量不可以重复声明，可以赋值
    const定义的变量不可以重复声明和赋值

2.变量的命名规则
    1.由数字、字母、下划线、$组成，不能数字开头;
    2.不能是关键字或者保留字;
    3.js区分大小写,用对应的英文,使用小驼峰命名。

5.数据类型

好处：合理分配内存 + 方便同类型变量之间进行运算。
1.基本数据类型
    1.数值型  number :现实中所有的数字
    2.字符串类型  string:所有引号引起来的都是字符串。
    3.布尔类型  boolean- 只有两个值true和false;
    4.空类型  null -- 只有一个值 null
    5.未定义类型  undefined -- 只有一个值 undefined
    6.唯一类型 symbol
    7.大数据类型   bigint

    查看数据类型   typeof(值/变量名)
    
    注意： typeof(null)得到的结果是object

2.引用数据类型
    对象类型  object

6.数据类型转换

1.自动类型转换
2.强制类型转换
    1.转换为数值类型
        parseInt(变量/值):只有数字开头的字符串可转，保留到第一位非数字的字符的整数部分。其他一律NaN
        parseFloat(变量/值):只有数字开头的字符串可转，保留到第一位非数字的字符的部分,要保留有效小数部分。其他一律NaN
        Number(变量/值)：空的或者全数字的字符串可转
                        true 1  / false  0
                        null 0
                        undefined和其他情况一律 NaN

    2.转换为布尔类型
        Boolean(变量/值)
        ''  0  NaN   null  undefined 都为false,其余都为true;
    
    3.转换为字符串 String(变量/值);

7.运算符

1.算术运算符
    + - * / %   ++  --
    ++ 自增1
    -- 自减1

    注意： 
        a++在表达式中，代表先代入a本身的值进行运算，之后再让a+1   [先用后加]
        ++a在表达式中，代表先让a+1,之后再代入a+1后的值进行运算    [先加后用]