js是什么
前端的唯一的脚本编程语言,vue ,react都是基于js的
js的组成
js的书写位置
内联js代码写在标签内部
内部js写在html(script标签内)文件中,script标签一般写在结束body的上面
外部js 使用 <script src="路径"></script > 引入
js注释
js结束符
js输入输出语句
document.write("要输出的语句")向body输出内容 ,如果输出的是html标签也会解析 成网页元素
alert("要输出的内容")页面弹出警告框
consle.log("控制台打印") 程序员调试专用
变量
变量就是用来储存数据的"容器",它使计算机具有了记忆力
变量的基本使用
定义了一个变量后,你就可以初始化它(赋值),在变量名之后跟上一个等号 = 就是赋值 注意:是通过变量名来获得里面的数据
语法
let 变量名=值;
更新变量
变量赋值之后,可以通过简单的给他一个不同的值来更新他 注意 let 不允许多次声明同一个变量
声明多个变量
let 变量名=值, 变量名=值;
数据类型
基本数据类型
number 数字型 可以取整数 负数 小数
string 字符串型 通过单引号'' 双引号"" 反引号``包裹的数据都是字符串类型
boolean 布尔型 只有 true 和false 两个值 一般用于判断
undefined 未定义型 比较特殊的的类型 只有一个一个值undefined 在值声明变量,但是不赋值的情况下,变量默认为undefined ,一般很少直接为某个值赋值为undefined
null 空 null表示赋值了但是内容为空
补充
引用数据类型
object 对象
function 函数
array 数组
模板字符串的使用
作用:更便捷的拼接字符串和变量
1.使用反引号 ``包裹内容
2.在内容拼接变量时 ,使用¥{} 包住变量
检测数据类型
通过typeof 关键字 检测数据类型
转换数据类型
隐式转换
显示转换
转换数字型
1.Number(数据) 注意:js严格遵循字母的大小写 首字母大写
转换为数字类型
如果字符串内容里有 非数字,转换失败结果为NaN 既不是一个数字
NaN也是number类型的数据,代表非数字
2parseInt(数据)
只保留整数
3.parseFloat(数据)
可以保留小数
注意点: parseInt() parseFloat() 【parse解析的意思: 只要传入的数据是以数字开头的,就能解析成功,返回值为第一个数字直到碰到非数值为止; 比如 parseInt("123aa") ;返回 123】
转换为字符串类型
string(数据)
toString(进制) 注意:一般默认为十进制 所以不需要填写