JavaScript:前端开发的基石(二)
二、数据类型与运算符 1、数据类型 JavaScript中有多种数据类型,包括基本数据类型和复杂数据类型。基本数据类型包括:字符串(string)、数字(number)、布尔值(boolean)、null和undefined。复杂数据类型主要包括对象(object)和数组(array)。 2、运算符 JavaScript运算符可分为四类:算术运算符、关系运算符、逻辑运算符和赋值运算符。 (1)算术运算符:加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)、取模运算符(%)、加法赋值运算符(+=)、减法赋值运算符(-=)、乘法赋值运算符(*=)、除法赋值运算符(/=)、取模赋值运算符(%=)。 (2)关系运算符:等于运算符(==)、不等于运算符(!=)、全等于运算符(===)、不全等于运算符(!==)、大于运算符(>)、小于运算符(<)、大于等于运算符(>=)、小于等于运算符(<=)。 (3)逻辑运算符:布尔与运算符(&&)、布尔或运算符(||)、布尔非运算符(!)、条件运算符(?:)。 (4)赋值运算符:赋值运算符(=)、加法赋值运算符(+=)、减法赋值运算符(-=)、乘法赋值运算符(*=)、除法赋值运算符(/=)、取模赋值运算符(%=)、右移赋值运算符(>>=)、左移赋值运算符(<<=)、位与赋值运算符(&=)、位异或赋值运算符(|=)。 三、函数 1、函数定义 在JavaScript中,函数是一段可重用的代码块,用于执行特定任务。函数可以通过以下方式定义: ```javascript function函数名([参数名1,参数名2, ...]) { //函数体 return [表达式]; } ``` 2、函数调用 调用函数的方式有以下几种: (1)直接调用:通过函数名调用,如`函数名()`。 (2)间接调用:通过对象调用,如`对象.函数名()`。 (3)作为参数传递:将函数名作为参数传递给另一个函数,如`另一个函数(函数名)`。 3、函数参数 函数参数用于传递数据给函数。参数可以在函数定义时声明,也可以在调用时传递。参数值可以是变量、常量或表达式。 4、函数返回值 函数可以返回一个值,这个值可以是变量、常量或表达式。当函数不需要返回值时,可以使用`return null`或省略`return`语句。 四、事件处理 1、事件概念 事件是在浏览器中发生的特定交互或动作,如点击、鼠标移动、键盘输入等。JavaScript可以响应这些事件,并在事件发生时执行特定代码。 2、事件处理程序 事件处理程序是一段JavaScript代码,用于处理特定事件。事件处理程序可以绑定到HTML元素上,以便在事件发生时执行。事件处理程序的编写方式如下: ```javascript element.addEventListener('event', function(event) { //事件处理代码 }); ``` 其中,`element`是HTML元素,`event`是事件名,`function`是事件处理函数。 3、常见事件 JavaScript中有许多常见事件,如: (1)点击事件:`click` (2)鼠标移动事件:`mousemove` (3)键盘事件:如`keydown`、`keyup`、`keypress` (4)页面加载事件:`load` (5)表单提交事件:`submit` (6)窗口事件:如`resize`、`scroll` 五、异步编程 1、回调函数 回调函数是一种在特定操作完成后执行的函数。在JavaScript中,回调函数通常用于处理异步操作,如Ajax请求、setTimeout等。 2、Promise Promise是JavaScript中用于处理异步操作的一种对象。它表示一个在未来某个时间点执行的计算结果。使用Promise可以更优雅地处理回调函数,避免回调地狱。 (编辑:衢州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |