Javascript基础
JavaScript 介绍
JavaScript 是一种客户端脚本语言。运行在客户端浏览器中,每一个浏览器都具备解析 JavaScript 的引擎。
脚本语言:不需要编译,就可以被浏览器直接解析执行了。
核心功能就是增强用户和 HTML 页面的交互过程,让页面有一些动态效果。以此来增强用户的体验!
1995 年,NetScape (网景)公司,开发的一门客户端脚本语言:LiveScript。后来,请来 SUN 公司的专家来
进行修改,后命名为:JavaScript。 1996 年,微软抄袭 JavaScript 开发出 JScript 脚本语言。
1997 年,ECMA (欧洲计算机制造商协会),制定出客户端脚本语言的标准:ECMAScript,统一了所有客户
端脚本语言的编码方式。
JavaScript 快速入门
- 创建一个 HTML。
- 在标签下面编写一个
快速入门小结
JavaScript 是一种客户端脚本语言。
组成部分
ECMAScript、DOM、BOM
和 HTML 结合方式
内部方式:
注释
单行注释
// 注释的内容
多行注释
/*
注释的内容
*/
输入输出语句
输入框
prompt(“提示内容”);
弹出警告框
alert(“提示内容”);
控制台输出
console.log(“显示内容”);
页面内容输出
document.write(“显示内容”);
变量和常量
JavaScript 属于弱类型的语言,定义变量时不区分具体的数据类型。
定义局部变量
let 变量名 = 值; 定义全局变量
变量名 = 值; 定义常量
const 常量名 = 值;
原始数据类型
typeof 方法
typeof 用于判断变量的数据类型
let age = 18;
document.write(typeof(age)); // number
算数运算符
比较运算符
逻辑运算符
三元运算符
三元运算符格式
(比较表达式) ? 表达式1 : 表达式2;
执行流程
如果比较表达式为true,则取表达式1
如果比较表达式为false,则取表达式2
流程控制和循环语句
if 语句
switch 语句
for 循环
while 循环
数组
数组的使用和 java 中的数组基本一致,但是在 JavaScript 中的数组更加灵活,数据类型和长度都没有限制。
定义格式
let 数组名 = [元素1,元素2,…];
索引范围
从 0 开始,最大到数组长度-1 数组长度
数组名.length
数组高级运算符…
数组复制
合并数组
字符串转数组
函数
函数类似于 java 中的方法,可以将一些代码进行抽取,达到复用的效果。
定义格式
function 方法名(参数列表) {
方法体;
return 返回值; } 可变参数
function 方法名(…参数名) {
方法体;
return 返回值; } 匿名函数
function(参数列表) {
方法体; }
基本语法小结
注释:单行// 多行/**/
输入输出语句:prompt()、alert()、console.log()、document.write()
变量和常量:let、const
数据类型:boolean、null、undefined、number、string、bigint
typeof 关键字:用于判断变量的数据类型
运算符:算数、赋值、逻辑、比较、三元运算符
流程控制和循环语句:if、switch、for、while
数组:数据类型和长度没有限制,let 数组名 = [长度/元素] 函数:类似方法,抽取代码,提高复用性