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后的值进行运算 [先加后用]
