- A+
所属分类:Web前端
✨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
版权所有,如需转载请注明出处。