对于前几天发的HTML和CSS 知识总结,那是最基础的。接下来继续对js的学习总结以及所见的一些面经进行一个梳理。
一、关于JavaScript
我们在听到学习前端的时候,总是能够听到学习前端一定需要学会基础三件套,也就是html、css和js。其中html和css是对网页的一个布局和装饰,而js则是对网页的一个交互进行处理的脚本语言。
而我对于js的理解分为以下几点:
1、运行在客户端的脚本语言
2、不需要编译,运行过程中由js解释器逐行来进行解释并执行
二、JavaScript基础语法
1、输入输出
alert('') 浏览器弹出警示框
console.log('') 浏览器控制台打印输出信息
prompt('') 浏览器弹出输入框,用户可以输入
2、变量
常见的三个声明变量的方法var、let、const
- var--用于声明一个函数范围或全局范围的变量,并可将其初始化为一个值
- let--语句声明一个块级作用域的本地变量,并且可选的将其初始化为一个值
- const--类似于let,但是常量的赋值是无法改变的,也不能被重新定义声明
现在最常用的还是let和const,以下分别是let和const的特性
1、变量不能重复声明
2、只在块级作用域内有效
3、不存在变量提升,所以得顺序写
4、不影响作用域
1、一定要有初始值
2、一般声明使用大写(潜规则)
3、常量值不能修改
4、是块级作用域内有效
5、对于对数组和对象里元素修改,不算对常量进行修改 (因为地址没改变)
注意点:
字母(A-Za-z) 数字(0-9) 下划线(_) 美元符号($)组成,如:userage
严格区分大小写
不能以数字开头
不能是关键字和保留字
变量名必须有意义
遵守驼峰命名法,首字母小写,后面单词首字母大写
3、数据类型
1、数据类型的分类
JavaScript中有八种数据类型,分别为:String、Number、Boolen、Null、Undefined、Symbol、Object、BigInt
Number——用于任何类型的数字:整数或浮点数,在 ±(253-1) 范围内的整数
String——用于字符串:一个字符串可以包含 0 个或多个字符
Null—— 用于未知的值
Undefined——用于未被定义的值
Symbol——用于唯一的标识符
Boolen——用于判断true和false
BigInt——可以表示任意大的整数
Object——用于更复杂的数据结构
2、数据类型的转换
转换为字符串
- 将获取到需要转换的value,直接使用String(value)
- 使用toString()转换成字符串,使用方法:实例名.toString()
const array1 = [1, 2, 'a', '1a'];
console.log(array1.toString());
转换为数字型
- 将获取到需要转换的value,直接使用Number(value)
- parseInt(实例名) ,整数数值型
- parseFloat(实例名),浮点型数值型
- 隐式转换 利用算数运算 - * / 例如console.log('12' - 0)
let str = '42'
let num = parseInt(str)
console.log(typeof num);
3、运算符
1)基础运算符
+加 -减 *乘 /除 %取余
2)条件表达式 ? 表达式1 :表达式2 ;
如果条件表达式为true时,结果为表达式1;为false时,结果为表达式2