//注意:学习本课程一定要具备HTML和CSS相关知识
1.JS简介:
JS是一种轻量级脚本语言,也是一种嵌入式语言,是一种对象模型语言。
主要包括两部分:基本语法构造与标准库,学习的内容包括两部分:语言结构以及宿主环境 提供的API;语言结构分为语言规则和内置对象(标准库对象);
而宿主环境的API,因宿主环境而不同,主要分为三类:浏览器控制类,DOM操作类,网络控制类。
//单独JS文件中的代码,是不能直接在浏览器运行的,需要将JS文件引入到HEML中
2.三种运行JS代码的方式:
1.将JS代码写在HTML行内
2.将JS代码写在Script标签中
3.将外部的JS文件引入后执行
3.声明变量并赋值
什么是变量:是计算机内存中储存数据的标识符,根据变量名称可以获取到内存中储存的数据。变量就是储存数据的容器。
变量命名规则:必须是数字、字母、下划线和$组成,且不能以数字开头。变量名是区分大小写的
4.JS数据类型
使用单引号或者双引号引起来的才是字符串
如果在字符串中要使用引号,请加转义字符
+ 既可以作为数学运算使用,也可作为字符串拼接使用
所有变量都是从前往后运算,如果两个变量都是数值型,那么加号作为数学运算符,
直到遇到一个字符串,此后所有的加号都是字符串拼接
其他类型转为字符串:1.toString() 2.String() 3.拼接字符串方式
数值类型转换:1.Number 2.parseInt 3.parseFloat
布尔类型转换:Boolean
5.JS操作符与运算符
加减乘除都是正常运算,%是取余数
一元运算符:++或-- 意思是值自身加一或者减一
操作符在变量前面,先进行自身运算,再进行其他运算
操作符在变量后面,先进行其他运算,再进行自身运算
逻辑运算符(布尔运算符):
&& 与运算符,参与运算的数据必须同时为真,结果为真
|| 或运算符,参与运算的数据只要一个为真,结果就为真
!非运算符,获取相反的结果
运算的优先级:&& > ||
比较运算:
因为JS是一种弱类型语言,所以变量的数值类型存在自动转换
== 只比较值,不比较数据类型
=== 全等比较,比较值夜比较数据类型
赋值运算:
= += -= /= *= %=
运算符的优先级:
1. ()优先级最高
2. 一元运算符 ++ -- !
3. 算数运算符 后+ -先 * / %
4. 关系运算符 > < >= <=
5.相等运算符 == === != !==
6.逻辑运算符 && ||
7.赋值运算 =
6.JS语句
if判断:
switch-case 的用法:
while循环:
do-while循环:
for循环:
for循环打印三角形:
for循环打印乘法表:
continue与break:
7.JS数组:
数组的基本概念:
数组里面又有数组的情况,我们称之为多维数组。
获取数组元素:
数组内容的标号被称为下标
上面分别打印的是小丑和索隆
遍历数组元素:
求数组的和:
循环遍历数组:
8.JS函数:
函数的声明和调用:
//函数声明后,里面的代码是不会执行的
//函数中的代码想要执行,必须调用这个函数(不管什么情况,函数不调用,就不会执行)
形参与实参:
//形式参数:是在声明函数时写的,多个形参使用逗号隔开,形参的值是不固定的,形参仅仅是一个占位,与实参实际传入的值要一 一对应
//实际参数:在调用时,实际传入函数中的值,多个值使用逗号隔开,传入后,在函数中使用形参获取具体的值
函数的返回值:
//如果函数中没有return,那么函数调用之后接到的返回值就是undefined
//如果函数中有return,但是return后面没有值,那么函数调用之后接到的返回值就是undefined
//函数中return之后,不管有什么代码,均不执行,return后函数的调用结束
匿名函数与自调用函数:
函数当做参数1:
函数也是一种数据类型
function 数据类型 -->对象(数组,函数)
函数当做参数2:
变量提升及代码执行阶段 :
作用域:变量可以起作用的范围和区域
作用域与代码执行:
作用域及作用链接:
9.JS对象:
对象的声明及使用:
this是个对象:
this的指向:
对象的遍历及删除:
//this运行在哪个对象下,就指向哪个对象
包装对象:
数学对象:
日期对象:
//JS中获取的时间是计算机本地时间
//JS中月份的数组是从零开始的
数组对象:
字符串对象:
代码规范:
注意首行缩进
分号的使用
花括号的使用