JavaScript的基础知识点
JavaScript的基础知识点
⼀、什么是JavaScript
1.定义
JavaScript（简称“JS”） 是⼀种具有函数优先的轻量级，解释型或即时编译型的编程语⾔。虽然它是作为开发Web页⾯的脚本语⾔⽽出名的，但是它也被⽤到了很多⾮浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语⾔，并且⽀持⾯向对象、命令式和声明式（如函数式编程）风格。
2.组成部分
javascript组成：
ECMAScript描述了该语⾔的语法和基本对象，它可以理解为是JavaScript的⼀个标准。
⽂档对象模型（DOM）描述处理⽹页内容的⽅法和接⼝。
浏览器对象模型（BOM），描述与浏览器进⾏交互的⽅法和接⼝。
3.基本特点
JavaScript是⼀种属于⽹络的脚本语⾔，已经被⼴泛⽤于Web应⽤开发，常⽤来为⽹页添加各式各样的动态功能，为⽤户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌⼊在HTML中来实现⾃⾝的功能的。
是⼀种解释性脚本语⾔（代码不进⾏预编译）。
主要⽤来向HTML（标准通⽤标记语⾔下的⼀个应⽤）页⾯添加交互⾏为。
可以直接嵌⼊HTML页⾯，但写成单独的js⽂件有利于结构和⾏为的分离。
跨平台特性，在绝⼤多数浏览器的⽀持下，可以在多种平台下运⾏（如Windows、Linux、Mac、Android、iOS等）。
Javascript脚本语⾔同其他语⾔⼀样，有它⾃⾝的基本数据类型，表达式和算术运算符及程序的基本程
序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型⽤来处理数据和⽂字。⽽变量提供存放信息的地⽅，表达式则可以完成较复杂的信息处理。
4.特性
JavaScript脚本语⾔具有以下特点:
(1)脚本语⾔。JavaScript是⼀种解释型的脚本语⾔,C、C++等语⾔先编译后执⾏,⽽JavaScript是在程序的运⾏过程中逐⾏进⾏解释。
(2)基于对象。JavaScript是⼀种基于对象的脚本语⾔，它不仅可以创建对象，也能使⽤现有的对象。
(3)简单。JavaScript语⾔中采⽤的是弱类型的变量类型，对使⽤的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语⾔，其设计简单紧凑。
(4)动态性。JavaScript是⼀种采⽤事件驱动的脚本语⾔，它不需要经过Web服务器就可以对⽤户的输⼊做出响应。在访问⼀个⽹页时,⿏标在⽹页中进⾏⿏标点击或上下移、窗⼝移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语⾔不依赖于操作系统，仅需要浏览器的⽀持。因此⼀个JavaScript脚本
在编写后可以带到任意机器上使⽤，前提上机器上的浏览器⽀ 持JavaScript脚本语⾔,JavaScript已被⼤多数的浏览器所⽀持。
如需要知道更详细的知识，欢迎访问。
⼀个合格的后端⼈员，必须要精通 JavaScript ⼆、快速⼊门
1.引⼊
内部标签
<script>
//......
</script>
外部引⼊
⾃⼰先创建⼀个.js⽂件，然后在.html⽂件中链接格式：
<script src="abc.js"></script>
测试代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内，写Javascript代码-->
<script>
/*弹窗*/
alert('hello,world');
</script>
<!--外部引⼊-->
<!--注意：script标签必须成对出现-->
<!--<script src="js/qj.js"></script>-->
<!--不⽤显⽰定义type，也默认就是 javascript-->
<!--<script type="text/javascript">
</script>-->
</head>
<body>
<!--这⾥也可以存放-->
</body>
</html>
2.基本语法⼊门
js脚本编程入门JavaScript严格区分⼤⼩写！
<script>
// 1. 定义变量变量类型变量名  = 变量值;
var score =71;
// alert(num);
// 2. 条件控制
if(score>60&& score<70){
alert("60~70")
}else if(score>70&& score<80){
alert("70~80")
}else{
alert("other")
}
//console.log(score) 在浏览器的控制台打印变量！ System.out.println(); </script>
浏览器调试必须知道（蓝⾊下划线）：
3.数据类型
变量
var变量名=要赋给变量的值;
number
js不区分⼩数和整数，Number
123//整数123
123.1// 浮点数123.1
1.123e3//科学计数法
-99//复数
NaN// not  a  number
NaN// not  a  number
Infinity//表⽰⽆限⼤
字符串
⽤单引号：‘abc’
也可⽤双引号：“abc”
布尔值
true，false
逻辑运算
&&两个都为真，结果为真
||⼀个为真，结果为真
！
真即假，假即真
⽐较运算符（很重要）
在JS中不⽤两个“=”来进⾏绝对⽐较，⽽⽤“===”进⾏绝对⽐较
==  等于（类型不⼀样，值⼀样，也会判断为true）
===  绝对等于(类型⼀样，值⼀样，结果true)
须知：
NaN===NaN（Not a Number） ，这个与所有的数值都不相等，包括⾃⼰
只能通过 isNaN(NaN) 来判断这个数是否是 NaN
浮点数问题：
console.log((1/3) === (1-2/3))/*这种⽐较是错误的*/
尽量避免使⽤浮点数进⾏运算，存在精度问题！
Math.abs(1/3-(1-2/3))/*<0.00000001/*推荐使⽤*/
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
对象
对象是⼤括号，数组是中括号
每个属性之间使⽤逗号隔开，最后⼀个不需要添加
每个属性之间使⽤逗号隔开，最后⼀个不需要添加
//Person person =  new Person(1,2,3,4,5);
var person ={
name:"张三",
age:3,
tags:['js','java','web','...']
}
取对象的值
person.name
>"张三"
person.age
> 3
4.严格检查格式
更改IDEA⼀些信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
前提：IEDA 需要设置⽀持ES6语法
'use strict'; 严格检查模式，预防JavaScript的随意性导致产⽣的⼀些问题必须写在JavaScript的第⼀⾏！
局部变量建议都使⽤ let 去定义
-->
<script>
'use strict';
// 全局变量⽤var
// 局部变量
let i =1;
// ES6  let
</script>
</head>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。