JavaScript学习思维导图
2024-01-12 15:13:18 22 举报
AI智能生成
为你推荐
查看更多
JavaScript学习思维导图是一种可视化工具,用于帮助学习者理解和掌握JavaScript编程语言的基本概念和关键知识点。它以图形化的方式展示了JavaScript的各个方面,包括语法、数据类型、函数、对象、事件处理、DOM操作等。通过这个思维导图,学习者可以清晰地看到各个知识点之间的联系和依赖关系,从而更好地组织和记忆学习内容。同时,思维导图还可以作为学习过程中的参考工具,帮助学习者快速定位和复习知识点。总的来说,JavaScript学习思维导图是一个非常有效的学习工具,可以帮助学习者提高学习效率和理解深度。
作者其他创作
大纲/内容
ECMAScript语法和基本对象
文档对象模型(DOM)处理网页内容的方法和接口
浏览器对象模型(BOM)与浏览器进行交互的方法和接口
组成部分
解释性脚本语言
用来向HTML页面添加交互行为,可以嵌入HTML页面,可写成单独的js文件
面向对象,基于原型
跨平台:可以在多种平台下运行
JS特点
JavaScript一种直译式脚本语言
JavaScript是弱类型的,即在使用前不需要声明,而是浏览器解释器在运行时检查数据类型;Java属于强类型,即所有变量在编译前必须作声明; JavaScript 的面向对象是基于原型的 (prototype-based)实现的。
Java 是基于类 (class-based)的; Java的语法规则比JavaScript要严格的多,功能要强大的多。 java语言的代码是一种HTML没有关系的语言;javascript语言的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态加载。
与Java的区别与关系
初识JavaScript
JavaScript简单介绍
内部引入:<script></script>
外部引入:<script src=\"./名称.js\"></script>
引入方式
警告窗输出:alert()
页面写入输出:document.write()
控制台输出:console.log()
输出方式
代码结束的时候手动添加上 \";\"
js代码中一定不要出现中文符号
注意事件
ps:未赋值的变量,默认值为undefined
变量声明:var 名称;也可以使用let 名称 来进行声明
变量赋值:名称 = 值;
变量声明并赋值:var 名称 = 值;let 名称 = 值;
变量
变量名可以包含数字、字母、下划线(_)和美元符$
变量名不可以用数字作为开头
变量名明确区分大小写
变量名不能使用系统关键字和保留字
命名规则
驼峰命名
见名知意(匈牙利命名法)
命名规范
命名
Number类型:js中不区分整数和浮点数,统一用Number表示
String类型:字符串是以单引号或双引号括起来的任意文本
Boolean类型:true、false布尔值经常用在条件判断中
Undefined类型:表示值未定义(只声明了变量却不为变量赋值)
(1)获取对象的属性:对象变量.属性名
(2)使用对象的方法,对象变量.方法名()
Object类型:对象只是带有属性和方法的特殊数据类型。对象是一组由 &值组成的无序集合。
两个常见的特殊对象:Array&null
(1)基本数据类型:Number、String、Boolean、Undefined、null
(2)复合数据类型:Object、Array、Function
(3)特殊数据类型:NaN
分类
多行/***/
单行//
注释
数据类型
1、常见的运算符:+、-、*、/、%
(1)++、--在前,先运算后赋值,
(2)++、--在后,先赋值后运算。
2、自增、自减运算符
(1)+=:加法,运算并赋值,可进行字符串拼接。
(2)-=:减法,运算并赋值。
(3)*=:乘法,运算并赋值。
(4) /=:除法,运算并赋值。
(5) %=:取余,运算并赋值。
3、复合运算符
运算符间的优先级:自增自减运算符 > 算数运算符 > 赋值运算符
运算符
p:最开始先掌握鼠标基本的鼠标点击事件
var 变量名称 = document.getElementById(\"id名称\");
1.元素获取:通过标签的id属性值来获取元素:
变量名称.onclick = function(){ }
2.点击事件-onclick
基础事件(剩余事件后续说)
1、关系运算符:>(大于大于)、<(小于)、>=(大于等于)、<=(小于等于)、==(等于)、===(全等)、!=(不等于)、!==(不全等于)2、字符串与字符串比较:先把字符串转换成ASCII,在按位比较;3、== 和 === 的区别:前者只要求内容相等,后者要求类型和内容均相等
1、&&(并)、||(或)、!(非‘取反’)2、逻辑运算符运算非布尔值:3、非布尔值转布尔值的结果: (1)数值转布尔值,非0即为true。 (2)非数值转布尔值,只有\"\"、null、undefined和NaN为false,其他都是true。
算数运算符 > 关系运算符 > 逻辑运算符 > 赋值运算符
运算符优先级:
逻辑运算符
1、if语法: if(条件){ 当条件成立执行的代码 }2、if else语法: if(条件){ 当条件成立执行的代码 }else{ 当条件不成立执行的代码 }3、if else if语法: if(条件){ 当条件成立执行的代码 }else if{ 当条件不成立执行的代码 }
if语句 注:多个 if 语句,会按顺序依次执行
1、switch只能用于固定值的判断而不能用于判断范围。 2、break用于结束语句,不可以遗漏 3、关系运算符运算结果一定是布尔值。
语法switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default(表示条件都不成立时如何):}
switch语句
语法:var 变量名称 = 条件 ? 条件成立的值 : 条件不成立的值;
三目运算符
判断
1、语法: for(表达式①;表达式②;表达式③) { 中间循环体④; }2、循环的执行过程:① -> ② -> ④ -> ③ -> ② -> ④ -> ③ ... 直到②不成立,结束循环。
for循环:用于已知循环次数的问题上。
1、while语法: while (条件) { 需要执行的代码 }2、do...whlie (1)与while循环的区别:不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件 (2)语法: do { 需要执行的代码 } while (条件)
while循环语句 用于未知循环次数的问题上。
循环控制语句
循环
Math对象的常见属性和方法
1、innerHTML 属性设置或返回元素的开始和结束标签之间的内容(包含文本和html)。
2、innerText 属性设置或返回元素的开始和结束标签之间的文本(只能获取纯文本内容)
innerHTML和innerText属性
收藏
0 条评论
回复 删除
下一页