个人JavaScript学习笔记(持续更新)
JavaScript
1. 什么是JavaScript
1.1 概述
ECMAScript可以理解为是JavaScript的标准,最新的是ES6,但是大部分浏览器还只支持ES5。
2. 快速入门
2.1 引入JavaScript
-
引入外部JS文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World!</title> <!-- 使用script标签引入外部JS文件 --> <!-- 标签必须有开标签和闭标签,不能自闭合。 --> <script></script>😀 <script />🙁 <script src="../JS/Learn01.js"></script> </head> <body> <h1>404</h1> <h1>Not Found!😂</h1> </body> </html>
-
内部引入:
在标签中或者在中使用标签。一般写在body标签最底部。
-
行内引入:
<开始标签 on+事件类型=“js代码”></结束标签>
2.2 基本语法
2.2.1 定义变量
-
变量类型 变量名称 = 变量值;
-
变量名称不能以数字开头。
-
var:如果在方法(函数)中声明则为局部变量,如果在全局中声明,则为全局变量。
-
let:声明的变量的作用域是块儿,也就是一对儿{}的范围,不能在块儿外被引用。
-
const定义一个常量(只读变量),不能被修改。
-
JS严格区分大小写。
var a = 10;
var b = 'String';
var c,d = 10;
2.2.2 条件控制
var b = 10;
if (b>20) {
alert('??');
} else{
alert('!!!')
}
2.3 数据类型
2.3.1 number
JS不区分小数和整数。
123 //整数
123.1 //浮点数
1.23e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //无穷
2.3.2 字符串
'abc'
"abc"
2.3.3 布尔值
true
false
2.3.4 null和undefiend
- null:空
- undefined:未定义
2.3.5 数组
//第一种
var a = [1,1,1,'abc',null,true];
//第二种
new array(1,1,2,2,'abc',null,true);
2.3.6 对象
对象是{},数组是[]。
var person = {
name:'zhq',
sex:'男',
age:'21',
}
2.3.7 严格检查格式的使用
开发时需要设置开发环境支持ES6语法。
'use strict' //必须写在JS文件的第一行
//此时没有严格检查,直接赋值就可以
num = 1;
console.log(num);
//如果加了严格检查,就必须声明后才可使用
//这种情况就会报错
'use strict'
num = 1;
console.log(num);
//程序正确执行
'use strict'
let num = 1;
console.log(num);
2.3.8 字符串
-
一般字符串使用(' ')或者(" ")。
-
多行字符串使用(``)。
var a = 'abc';
var b = "aabbcc";
var c = `bfbf
gg
rr
eee
`;
console.log(a);
console.log(b);
console.log(c);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现