[ 前端与 JS | 青训营笔记]

30 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天。

一、JavaScript 数据类型

基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol

对象类型:对象(Object)、数组(Array)、函数(Function)、正则(RegExp)和日期(Date)。

二、JavaScript 函数语法

函数就是包裹在花括号中的代码块,前面使用关键词 function

function *functionname*()  
{  
    *// 执行代码*  
}

当调用该函数时,就会执行函数内的代码。
可以在某事件发生时直接调用函数,并且可以在任何位置进行调用。
注意:关键词 function 必须为小写的。调用函数时,函数名称大小写需相同。

三、HTML 事件

1.HTML 事件

HTML 事件可以是浏览器行为,也可以是用户行为。
实例:

  • HTML 页面完成加载
  • HTML input 字段改变时
  • HTML 按钮被点击

2.常见的HTML事件

  • onchange HTML 元素改变
  • onclick 用户点击 HTML 元素
  • onmouseover 鼠标指针移动到指定的元素上时发生
  • onmouseout 用户从一个 HTML 元素上移开鼠标时发生
  • onkeydown 用户按下键盘按键
  • onload 浏览器已完成页面的加载

四、JavaScript 运算符

1.算术运算符

+     加法                                                                
-     减法                                                                      
*     乘法     
/     除法    
%     取模(余数)
++    自增     
--   自减

2.比较运算符

测定变量或值是否相等。

==   等于                     
===   绝对等于(值和类型均相等)           
!=    不等于       
!==   不绝对等于(值和类型有一个不相等,或两个都不相等)
>     大于                      
<    小于                     
>=    大于或等于               
<=    小于或等于

3.逻辑运算符

逻辑运算符用于测定变量或值之间的逻辑。

  • && and
  • || or
  • ! not

五、条件语句

用来为不同的结果决定执行不同的动作。

  • if 语句:只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句:当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句:哪个条件为true执行哪个代码块
  • switch 语句:选择多个代码块中的其中一个执行

六、个人学习总结

巩固了JS基础知识,加强了记忆。