JavaScript快速入门

基础语法：量

let声明变量，JavaScript为弱类型语言，变量可以是任何类型的值

const声明常量，常量不能重新赋值

基础语法：数据类型

number：数字（整数，小数）

boolean：布尔（true，false）

null：空（大小写敏感）

undefined：未初始化变量

string：引号进行，推荐单引号

注：（typeof 变量名）//获取数据类型

字符串中拼接变量：直接+ 或 用＄{变量名} 占位

基础语法：函数

定义（普通函数）：

function functionName(参数1，参数2){
    //执行代码
}

定义（匿名函数）:

let 变量名 = function(a,b){
    //函数逻辑（表达式）
}
//or
let 变量名 = (a,b)=>{
    //函数逻辑（箭头函数）
}

基础语法：对象

let 对象名 = {
    属性名1:属性值1,
    属性值2:属性值2,
    ...
    方法名：function（形参列表）{方法内容}
}
//访问属性：对象名.属性名；
//调用方法：对象名.方法名；

注：JavaScript中的this指向为父级

数据载体：JSON

是JS对象标记书写的文本，多用于数据载体

JSON.stringify(对象名) 将JS对象转化为json文本

JSON.parse(json形式字符串) 将json文本转化为JS对象

操作对象：DOM

把标记语言的各个部分都封装为了对象

Document：整个文档对象（整个文档）

Element：元素对象（一个标签）

Attribute：属性对象（标签属性）

Text：文本对象（标签内容）

Comment：注释对象（！--）

JS就通过操作这些对象对HTML进行操作：

获取DOM对象：

匹配第一个：document.querySelector('选择器')

匹配所有元素：document.querySelectorAll('选择器')

匹配所有元素的方法返回一个NodeList节点集合

操作对象：临时查就行

JS交互：事件监听

事件源.addEventListener('事件类型'，事件触发执行函数)
//or
事件源.on事件 = function(形参列表){函数内容}

第一种方法可以多次绑定同一事件，第二种方法属性则会覆盖

常见事件：

鼠标事件：click-鼠标点击 mouseenter-鼠标移入 mouseleave-鼠标移出

键盘事件：keydown-键盘按下时触发 keyup-键盘抬起触发

焦点事件：focus-获得焦点触发 blur-失去焦点触发

表单事件：input-用户输入时触发 submit-表单提交时触发

JS开发：JS调用

JS文件引入其他JS文件内容：import（引用内容）from “文件名”；

且引入内容本身要有export前缀，如果用到模块话JS，则需要在HTML中声明script的type为“module”。