巨朝阳-20221028-js基础

一、今日学习
Js基础
学习目标：
1. 掌握js的四种引入方式以及三种输出方式【掌握】
2. 掌握基本语法（定义变量，命名规范）【掌握】
3. 掌握数据类型以及转换---【重点】
4. 掌握运算符【掌握】
①.分类
1）内嵌式（内部式）---重点
2）外联式（外链式）---重点
3）html标签的事件属性引入---了解
4）a标签href引入---了解
②四种引入方式的区别
1.内部式与外联式：
1）内部式--只针对当前引入的网页有效果，--测试或者演示
2）外联式--可以多次被使用，只需要引入--实际项目开发中使用最多

2.四种之间的区别
1）内嵌方式的js只能在当前html文件中使用
2）外联方式的js文件可以被多个html页面使用
3）标签事件属性，只有通过触发条件去触发才会执行里面的js代码
4）a标签本身就是超链接，指定javascript协议，点击这个超链接标签，就会告诉浏览器，这里需要执行一段js代码，与onclick无差别显示
js三种输出方式---重点
1.控制台输出---console.log('需要输出的内容')--F12-console
2.弹框输出---aler t('需要输出的内容')---页面加载顶部
3.网页输出---document.write('需要输出的内容')---直接在网页中显示

一次输出多条内容，中间使用,隔开

定义变量：
ES5:通过关键字var 来定义一个变量
var 变量名;
赋值：变量名 = 值;  // 把等号右边的值（数据）给到左边的变量名
合并写法：var 变量名 = 值; // 把变量的定义与赋值同时进行
ES6:
let:表示相当于var的定义变量，有块级作用域{}
const:表示声明的是一个常量（不变的量）,有块级作用域{}，声明的时候必须同时赋值，并且声明结束之后，不能重新赋值

#var let const 之间的区别----重点
ES5：没有块级作用域，var定义变量后，还可以对已经定义好的变量进行二次定义，var。二次以及以后的var无意义
ES6：有块级作用域，
let 声明的变量，不能再次使用let进行二次声明，
const 声明的是常量，声明的时候必须同时赋值，并且不能修改
ES5：5基3引
5个基本类型：number        string        boolean  undefined  null
3个引用类型：object  array   function

ES6：6基1引
6基本类型：number        string        boolean  undefined  null  symbol
1引用类型：object
1.转数字类型转换
1）转整数        parseInt(变量);
2）转小数        parseFloat(变量);
3）转数字        Number(变量);