2022-04-15 js基础第一天

js是什么

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

js的组成

js的组成

js的书写位置

image.png

内联js代码写在标签内部

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

外部js 使用 引入

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（进制） 注意：一般默认为十进制 所以不需要填写