js是什么

前端的唯一的脚本编程语言，vue ，react都是基于js的

js的组成

js的组成

js的书写位置

image.png

内联js代码写在标签内部

内部js写在html（script标签内）文件中，script标签一般写在结束body的上面

外部js 使用 <script src="路径"></script > 引入

js注释

image.png

js结束符

image.png

image.png

image.png

js输入输出语句

js输出输入语句

document.write（"要输出的语句"）向body输出内容 ，如果输出的是html标签也会解析 成网页元素

alert（"要输出的内容"）页面弹出警告框

consle.log（"控制台打印"） 程序员调试专用

变量

变量就是用来储存数据的"容器"，它使计算机具有了记忆力

变量的基本使用

定义了一个变量后，你就可以初始化它（赋值），在变量名之后跟上一个等号 = 就是赋值 注意：是通过变量名来获得里面的数据

变量的基本使用.png

语法

let 变量名=值；

更新变量

变量赋值之后，可以通过简单的给他一个不同的值来更新他 注意 let 不允许多次声明同一个变量

声明多个变量

let 变量名=值, 变量名=值；

数据类型

基本数据类型

number 数字型 可以取整数 负数 小数
string 字符串型 通过单引号'' 双引号"" 反引号``包裹的数据都是字符串类型
boolean 布尔型 只有 true 和false 两个值 一般用于判断
undefined 未定义型 比较特殊的的类型 只有一个一个值undefined 在值声明变量，但是不赋值的情况下，变量默认为undefined ，一般很少直接为某个值赋值为undefined
null 空 null表示赋值了但是内容为空

补充

引用数据类型

object 对象
function 函数
array 数组

模板字符串的使用

作用：更便捷的拼接字符串和变量
1.使用反引号 ``包裹内容
2.在内容拼接变量时 ，使用￥{} 包住变量

检测数据类型

通过typeof 关键字 检测数据类型

typeof检测数据类型.png

转换数据类型

隐式转换

隐式转换.png

显示转换

转换数字型

1.Number（数据） 注意：js严格遵循字母的大小写 首字母大写
转换为数字类型
如果字符串内容里有 非数字，转换失败结果为NaN 既不是一个数字
NaN也是number类型的数据，代表非数字
2parseInt（数据）
只保留整数
3.parseFloat（数据）
可以保留小数
注意点： parseInt() parseFloat() 【parse解析的意思： 只要传入的数据是以数字开头的，就能解析成功，返回值为第一个数字直到碰到非数值为止； 比如 parseInt("123aa") ;返回 123】

转换为字符串类型

string(数据)
toString（进制） 注意：一般默认为十进制 所以不需要填写