【前端】JavaScript学习笔记（一）——快速入门
✨JavaScript
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
✨课程链接
【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili
✨学习笔记
第一个JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 1. 内部标签-->
<!-- script标签内写 JavaScript-->
<!-- <script>-->
<!-- alert("Hello World!");-->
<!-- </script>-->
<!-- 2. 外部引入-->
<!-- ！注意：script标签必须成对出现-->
<script src="js/qj.js"></script>
<!-- 不用显式定义类型 默认就是JavaScript-->
<script type="text/javascript"></script>
</head>
<body>
<!--这里也可以存放-->
</body>
</html>
alert("Hello World!");
基本语法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- JavaScript严格区分大小写-->
<script>
// 1. 定义变量
var score = 71;
// 2. 条件控制
if(score > 60 && score < 70){
alert("60 ~ 70")
}else if(score > 70 && score < 80){
alert("70 ~ 80")
}else {
alert("other")
}
// 分号可选
/**
* 注释
*/
// 在浏览器的控制台打印变量
// console.log(score)
</script>
</head>
<body>
</body>
</html>
数据类型快速浏览
变量
var
number
js不区分小数和整数
NaN：not a nuber
Infinity：无穷大
字符串
布尔
逻辑运算
比较运算符
- = 赋值
- == 等于（类型不一样，值一样，也会判断为true)
- === 绝对等于(类型一样，值一样，结果true)
（这是JS缺陷 坚持不要使用 == 比较）
NaN
- NaN===NaN，这个与所有的数值都不相等，包括自己
- 只能通过isNaN(NaN)来判断这个数是否是NaN
浮点数问题
console.log((1/3) === (1 - 2/3))
尽量避免使用浮点数进行运算 存在精度问题！
null 和 undefined
- null 空
- undefined 未定义
数组
Java的数值必须是相同类型的对象 JS中不需要这样!
// 保证代码的可读性，尽量使用[]
var arr = [1,2,3,4,5,'Hello',null,true];
new Array(1,12,3,4,4,5,'Hello');
取数组下标 如果越界了 undefined
对象
对象是大括号 数组是中括号
每个属性之间使用逗号隔开 最后一个不需要添加
var Person = {
name: "Test",
age: 3,
tags: ['js', 'Java', 'php']
}
取对象的值
Person.name
> "Test"
Person.age
> 3
严格检查模式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 'use strict';-->
<!-- 严格检查模式 预防JavaScript的随意性导致产生的一些问题-->
<!-- 必须写在JavaScript的第一行-->
<!-- 局部变量使用let 定义（IDEA需要设置支持ES6语法）-->
<script>
'use strict';
// 全局变量
var i = 1;
// ES6 let
</script>
</head>
<body>
</body>
</html>
⭐转载请注明出处
本文作者：双份浓缩馥芮白
原文链接：https://www.cnblogs.com/Flat-White/p/14987702.html
版权所有，如需转载请注明出处。
