【前端】javaScript

一、简述JS

javaScript：

JS：JavaScript(简称 JS), 是⼀个脚本语⾔, 解释型或即时编译型的编程语⾔. 虽然它是作为开发Web⻚⾯的脚本语⾔⽽出名，但是它也被⽤到了很多⾮浏览器环境中.

1.1 引入方式

引⼊⽅式	语法描述	⽰例
⾏内样式	直接嵌⼊到 html 元素内部	<input type="button" value="点我⼀下" onclick="alert('haha')">
内部样式	定义<script>标签，写到 script 标签中	<script> alert("haha"); </script>
外部样式	定义<script >标签，通过src属性引⼊外部js⽂件	<script src="hello.js"> </script>

区别：

1. 内部样式会出现⼤量的代码冗余, 不⽅便后期的维护，所以不常⽤.
2. ⾏内样式, 只适合于写简单样式. 只针对某个标签⽣效. 缺点是不能写太复杂的jS.
3. 外部样式，html和js实现了完全的分离, 企业开发常⽤⽅式.

二、基础语法

2.1 变量

创建变量(变量定义/变量声明/变量初始化), JS声明变量有3种⽅式。

关键字	解释	⽰例
var	期JS中声明变量的关键字, 作⽤域在该语句的函数内	var name = 'zhangsan';
let	ES6 中新增的声明变量的关键字, 作⽤域为该语句所在的代码块内	let name = 'zhangsan';
const	声明常量的，声明后不能修改	const name = 'zhangsan';

JavaScript 是⼀⻔动态弱类型语⾔，变量可以存放不同类型的值(动态).

命名规则：

1. 组成字符可以是任何字⺟、数字、下划线（_）或美元符号（$）
2. 数字不能开头
3. 建议使⽤驼峰命名

2.2 数据类型

数据类型	描述
number	数字. 不区分整数和⼩数.
string	字符串类型. 字符串字⾯值需要使⽤引号引起来, 单引号双引号均可.
boolean	布尔类型. true 真, false 假
undefined	表⽰变量未初始化. 只有唯⼀的值 undefined.

2.3 运算符

运算符类型	运算符
算术运算符	+ - * / %
⾃增⾃减运算符	++ --
赋值运算符	= += -= *= /= %=
⽐较运算符	< > <= >= ==⽐较相等(会进⾏隐式类型转换) === ⽐较相等(不会进⾏隐式类型转换)
逻辑运算符	&& || !
位运算符	& 按位与 | 按位或 ~按位取反 ^按位异或
移位运算符	<< 左移 >> 有符号右移(算术右移) >>> ⽆符号右移(逻辑右移)
三目运算符	条件表达式 ? true_value: false_value

2.4 对象

2.4.1 数组

创建数组两种方式：

1. 使⽤ new 关键字创建：