初识JS

一、初识JavaScript

1.JS定义

（1）运行在客户端的脚本语言（Script是脚本的意思）
（2）客户端：自己的电脑；服务器端：远程
（3）脚本语言：不需要编译，运行过程中由js解释器（引擎）逐行进行解释并执行

2.JS组成

（1）ECMAScript——规定了js的基础语法
（2）DOM——文档对象类型，可对页面上的各种元素进行操作（位置、大小、颜色等）
（3）BOM——浏览器对象类型，可操作浏览器窗口，如弹出框、获取分辨率等

3.引入JS的方式

（1）行内：直接写到元素的内部

<input type="button value="欣欣" οnclick="alert('易烊千玺')>

（2）内嵌：将多行JS代码写到<script>标签中

<script>
      alert('Hello World');
 <script>

（3）外部：从外部引入

<script src="m.js"></script>

4.JS输入输出语句

二、基本语法

1.变量

（1）变量：存放数据的容器
（2）变量的使用：

声明变量：用var关键字声明变量，此时计算机hi自动为变量分配内存空间
赋值：=
变量初始化：在声明的同时赋值

PS：声明变量的特殊情况
（3）变量命名规范：

严格区分大小写
由字母、数字、下划线、$组成
不能以数字开头，不能是关键字、保留字
遵守驼峰命名法：首字母小写，后面单词的首字母大写，如myLove
变量名要有意义

2.数据类型

（1）数据类型分类

数据类型	说明 默认值
Number	数字型 0
Boolean	布尔型 false
String	字符串型 “”
Undefined	声明变量但未给值 undefined
Null	var a = null 声明变量为空值 null

PS:

数字型三个特殊值：

字符串

（1）引号嵌套：外双内单或外单内双

（2）转义符：
如：
alert('姓名：' + m + '\n' + '年龄：' + age + '\n' + '性别:' + sex);
换行符：+ ‘\n’ +，一定要加引号

（3）字符串拼接：数值相加，字符相连

（4）使用表单、prompt获取过来的数据默认是字符串类型的

Undefined+数字=NaN
Undefined+字符串=字符串拼接

（2）获取变量数据类型

• 用typeof获取
• 通过F12控制台查看，比如显示数字是黑色的，则此时数字是字符型的；是蓝色，此时为数字型

（3）数据类型转换

• 把其他类型转换为数字型

• 把其他类型转换为字符串型
  PS：隐式转换：加号拼接字符串

• 把其他类型转换为布尔型

（4）标识符、关键字、保留字

标识符：为变量、属性、函数、参数取的名字，不能是关键字和保留字。

关键字：JS本身使用的字，不能再充当变量名、方法名

保留字：预留的“关键字”，即未来可能成为关键字

（5）运算符

1）运算符优先级
2）算术运算符中，不要直接判断两个浮点数是否相等（因为精度不够）

3）递增递减运算中
4）比较（关系）运算符
‘==’会默认转换数据类型，会把字符串型的数据转换为数字型，如18==‘18’，返回值是true；‘===’全等，值与数据类型都要求相同

5）逻辑运算符中
注意短路运算：
逻辑与：

逻辑或：

6）位运算符

与运算：&
或运算：|
非运算：~
异或运算：^
左移位：<<，空位补0
右移位：>>，空位补符号位
右移位：>>>，空位补0

区别：逻辑运算符和位运算符（运算顺序不同）

7）三元表达式：
表达式 ？表达式1：表达式2

3.JS流程控制

（1）顺序流程控制

代码按先后顺序执行

（2）分支流程控制

if语句
if-else语句
if else if语句
switch语句

（3）循环流程控制

for循环
while循环
do-while循环

（以下内容小欣欣会努力加油赶上的）

4.数组

5.函数

6.对象