个人JavaScript学习笔记(持续更新)

JavaScript

1. 什么是JavaScript

1.1 概述

ECMAScript可以理解为是JavaScript的标准,最新的是ES6,但是大部分浏览器还只支持ES5。

2. 快速入门

2.1 引入JavaScript

  1. 引入外部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>
    
  2. 内部引入:

    在标签中或者在中使用标签。一般写在body标签最底部。

  3. 行内引入:

    <开始标签 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 字符串

  1. 一般字符串使用(' ')或者(" ")。

  2. 多行字符串使用(``)。

var a = 'abc';
var b = "aabbcc";
var c = `bfbf
gg
rr
eee
`;
console.log(a);
console.log(b);
console.log(c);
posted @   zhiang-zhang  阅读(39)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示