JavaScript(简称JS)
1.总结
重点 |
函数 |
流程控制语句:两个流程控制质检的互相配合嵌套关系 |
JS的引入,应该写在什么位置 | JS的数据类型(数组) | 变量的定义和声明 var let const |
3种弹窗 | return的作用 | 变量的作用域 |
运算符 | typeof(判断数据类型) isNaN(是 不是一个数字) | 三元运算符 |
2.JavaScript是什么?
编程语言,脚本语言,依赖于某种容器来运行。
JS是运行在浏览器上的,可以帮助我们去控制页面。
Vue.js react.js jquery.js angular.js node.js(前端的服务器语言)
JS解释器:
火狐(spidermonkey)Chrom、node(v8)Safari(JavaScriptcore)cdge(chakra)
JS可以在哪里执行
(写在网页的什么位置?)—— 写在body结束标签的上方
确保在执行js的时候要加载的元素已经加载完了
外部引入js
3.JS的简单数据类型:
数字(number) | 整数、正数、小数、负数 |
字符串(string) | a、中文、@ |
布尔型(boolean) | true(1)、 false(0) |
空(null) | 相当于声明了值为空 |
undefined(未定义) | 没有值 |
4.定义变量
什么叫变量:开发中尽量减少使用字面量,后期维护困难。在ES6(JS新版本)中,新推出了两个词代替var(尽量不用var)。
let | 变量用let声明,无法重复定义 |
const | 兼容let的功能,const声明的变量就是一个常量 |
5.JS的复杂数据类型:
(1)数组:
一个变量对应多个值。 先定义数组,再赋值
a:使用数组函数(所有的函数一定都有“( )”)
b:使用new关键字
c:使用字面量的方式
(2) 函数:可以定义一个函数,用来执行一系列代码。
函数定义后不会自己执行,需要我们手动调用函数
a:无参无返回值
b:无参有返回值
c:有参有返回值
d:有参无返回值
函数内部不可以再声明函数,但是可以调用函数,调用的方式和正常的调用方式相同
return除了可以返回结果,还可以终止函数的继续执行。
在开发中,尽量不要在return后写语句。
(3)弹窗:(实质上就是函数)
a:alert:警告弹窗,没有返回值。
b:confirm:带有确认和取消的弹窗,有返回值。点确定,返回true;点取消,返回false。
c:prompt:带有文本框的弹窗,有返回值,返回文本框输入的内容。
\n可以在弹窗里换行,换行符
6.逻辑判断:流程控制
JS的原理解析:所有的非空的变量都会被解析成1(1代表true)
(1)判断:
- if...else:
语法:
多重if
if...else结构和多重if结构有什么区别?
if...else是可以嵌套的,可以无限嵌套(但是原则上不要超过三层)
- switch...case结构:
语法:
当表达式的值在case中匹配成果,汇之星对应的代码,但是停不下来,后面的代码会继续执行,所以要添加break。
怎么选 |
当需求为区间范围时,switch根本无法使用 |
If ... else ...基本上啥都能干 |
switch ... case效率高 |
当需求为固定值,且值不多,用switch...case |
能用switch...case解决的尽量不要用if...else |
相似点 |
几乎所有的switch...case都可以转化为if...else |
default几乎相当于else |
case几乎相当于if |
不同点 |
switch...case需要break |
switch...case里面的选项可以杂乱无章 |
7.三元运算符(三目运算符):
语法是固定的,只能有一个条件、两个选项
(1)+号的特殊性:
除了可以进行加法计算之外,还可以做连接符;
如果先入为主的
- * / % :
可以进行类型转换,如果转不了,结果为NaN(not a number)
8.工具:
typeof:获取数据类型(不是函数,是运算符)
nan:判断是否为数字
所学内容基本掌握
坚持晨跑 心情不错