01js基础

01 js基础

JavaScript:

​ 基于对象和事件驱动的，具有一定安全性，运行在浏览器中的脚本语言
​ 主要用于给页面添加交互动作

基本结构：< script > < /script >

根据写的位置不同，分：

​ 行内js：在对应的标签中，配合js事件，可以直接写一些简单的js
​ 内部js：在页面中，使用 < script > 标签写js
​ 外部js：在页面之外，新建一个以 .js 结尾的文件，页面中引入
​ 引入使用< script >标签，标签中有 src 属性，指明路径
​ 注意：当一个< scrip t>标签使用了src引入外部js时，这个标签中就不能再写其他js内容

语法：

定义变量：

​ 使用 统一的 声明符 var / let / const
​ 区别：var 可以理解成全局变量，let 可以理解成局部变量，const也是局部变量，基生命周期比let更短

数据类型：

​ number: 在js中，没有整数和小数的区别，数字类型统一是number
​ string: 在js中，没有 char字符，不管是""还是’'，都代表字符串
​ boolean
​ undefined（null）：只定义了变量，没有赋值时，js没法通过值去判断类型，就会是undefined
​ object：
​ 可以使用 typeof() 判断变量的类型

​ String类：同java

声明数组：

​ let aa = new Array();

​ let aa = new Array(值1, 值2, 值3, …);

​ let aa = [5, 6, 9, 8, 7];
​ 属性：length
​ 方法：join(val): 通过指定的val把数组中的所有元素拼接起来，成为一个新的字符串
​ push(val): 将指定的val作为新元素添加到数组的末尾，添加后，数组长度自动+1

算术运算符：同java
赋值运算符：同java
比较运算符：同java
=，==，===区别：
=：赋值
==：比较两个值是否相等
===：除了比较两个值是否相等外，还会比较两个变量的类型是否相等

逻辑运算符：同java

逻辑控制：

if
if…else
if…else if…else 同java

while
do…while 同java

for:普通的for和java没区别

增强for:

​ for(let i in aa){
​ } 注意：js中增强for是for…in，前面的变量还是下标，不是具体元素值

流循环：

​ aa.forEach(element => {
​ }); 注意：js中流的写法是 =>，java中是 ->，element为数组中具体的元素值

循环中断：

​ break，continue 同java

注释：

​ 单行： //
​ 多行： /* … / 注意：js中没有 /*

弹窗：

​ alert(): 一般的提示类弹窗，有一个“确定”按钮，点击，弹窗关闭
​ confirm()：二次确认弹窗，有“确定”“取消”两个按钮，点确定会返回 true，点取消会返回 false
​ prompt(): 带输入框的弹窗

系统函数(方法)：

​ parseInt (“字符串”)：将字符串转成整数，如果有小数，取整，如果不是数字，返回NaN
​ parseFloat(“字符串”)：将字符串转成小数，如果不是数字，返回NaN
​ isNaN()：判断是否是非数字，不是数字返回true，是数字返回false

自定义函数(方法): 统一使用 function，没有中间返回值类型的概念，如果有参数，直接写参数名，如果需要返回值，使用 return
function 方法名([参数1, 参数2]){
…
[return xx]
}
函数调用：1). 在js中，直接调用 2). 在标签中，配合js事件进行调用

事件：

​ onload：写在< body >标签中，代表页面结构加载完成后，立马执行
​ onclick：写在标签中，鼠标单击事件