一、JavaScript简介
1. 什么是JavaScript
JavaScript简称为JS，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行
Web前端三层：
结构层 HTML 定义页面的结构
样式层 CSS 定义页面的样式
行为层 JavaScript 用来实现交互，提升用户体验
2. JavaScript作用
在客户端动态的操作页面
在客户端做数据的校验
在客户端发送异步请求
二、JavaScript基本用法
1. 基本结构
输出信息的三种方式：
alert() 弹出警告框
console.log() 输出到浏览器的控制台
document.write() 输出到页面
输入信息的三种方式：
prompt()弹出输入框，获取用户输入的数据
使用 typeof 变量名 判断变量的类型
使用 Number(变量名) 将字符串转换为数值
2. 转义符
由于字符串中经常会有一些特殊字符，比如换行、引号等，为了让字符能够正常显示，此时需要使用转义符
3. 注释
- 单行注释：
// - 多行注释：
/*注释内容*/
4. 语法约定
编码规范：
1. 区分大小写
2. 代码缩进
3. 建议每行只写一条语句，语句结束以分号结尾如果不以分号结尾，则以行末作为语句的结束代码执行顺序：从上往下，从左往右.
5. 引用方式（三种）
引用JavaScript有三种方式：
1. 内嵌方式：
在页面中使用script标签，在script标签的标签体中编写js代码script标签可以放在页面的任意位置，一般放在head中
2. 行内方式：
在普通标签中编写js代码，一般需要结合事件属性，如onclick、onmouseover等
3. 外部方式 ：
使用单独的 .js 文件定义，然后在页面中使用script标签引入外部脚本文件
注：如果某个script标签用于引入外部js文件，则该script标签 的标签体中不能再写js代码
三、变量和数据类型
1.1 简介
在程序运行过程中其值可以改变的量，是一个数据存储空间的表示，即给内存空间起别名
将数值通过变量进行存储，以便程序随时使用，通俗点来说，变量就是用来存储数据的JavaScript是弱变量类型的语言，声明变量只需要使用 var 关键字
语法： var 变量名=变量值;
1.2 命名规则
规则：
1.只能由数字，英文字母，下划线以及$符号组成，但不能以数字开头
2.不能使用javascript中的关键字，不建议
3.区分大小写
4.通常第一个单词首字母小写，其他单词首字母大写
命名规范：
1.驼峰命名法：
第一个单词首字母小写，其他单词首字母大写，如变量名、方法名、函数名等
2.帕斯卡命名法：
所有单词首字母大写，如类型名称、构造函数名称等
1.3 加号的作用
作用：
1.两个字符串用加号连接： 连接这两个字符串
2.两个数值用加号连接： 进行加法运算
3.字符串和其他值用加号连接： 连接
1.4 字面量
字面量（直接量）表示如何表达这个值，一般除去表达式外，给变量赋值时等号右边都可以认为是字面量。
简单来说就是字面上就能明白代码含义。
分类：
1.字符串字面量(string literal )，如var name=“tom”;
2.数组字面量(array literal)，如var array=[12,32];
3.对象字面量(object literal)，如var stu={name:”tom”,age:20}
4.函数字面量(function literal)
2. 数据类型
2.1 简介
变量中存储的是什么样的数据，那么这个变量就是什么样类型。
数据类型：
1.string 存储一串字符,用双引号或单引号括起来
2.number 表示整数或浮点数
3.boolean 表示真假, true或false
4.undefifined 变量被声明了，但未被赋值
5.null 空
2.2 判断数据类型
使用typeof判断数据类型
用法： typeof(变量) 或 typeof 变量
返回值：string、number、boolean、undefifined、object
2.3 获取用户输入
使用prompt()提示用户输入数据
语法： prompt("提示信息", "输入框的默认信息");
四、运算符
1. 算术运算符
1.1 用法
前缀自增自减和后缀自增自减的区别
1.前缀自增自减
先进行自增或自减运算，然后再执行表达式
2.后缀自增自减
先执行表达式，然后再进行自增或自减运算
区别：
1.2 NaN
含义：Not a Number 表示非数字，其自身是number类型
作用：用来表示数值的一种不正常的状态，一般在计算出错时会出现
使用 isNaN() 检查参数是否为非数字
1.如果是非数字，则返回true
2.如果不是非数字（即是数字），则返回false
1.3 Math对象
执行常见的算数任务，用法： Math.方法名(参数)
常用方法：
2. 关系运算符
也称为比较运算符，用来做比较运算，比较的结果是boolean类型
3. 赋值运算符
4. 逻辑运算符
逻辑中断，也称为短路运算：
1. || 如果第一个为真就返回第一个表达式，否则返回第二个表达式
2. && 如果第一个为假就返回第一个表达式，否则返回第二个表达式
运算优先级：! > && > ||
5. 条件运算符
也称为三目运算符，语法： 条件 ? 表达式1 : 表达式2
当条件为true时执行表达式1，当条件为false时执行表达式2
6. 运算符优先级
从高到低的顺序：
1. 小括号( )
2. 一元运算：自增++、自减--、非!
3. 乘*、除/、取余%
4. 加+、减-
5. 关系运算：>、<、>=、<=
6. 相等运算： ==、!=
7. 逻辑与&&
8. 逻辑或||
9. 赋值运算：=、+=等
注：当运算符较多时，建议使用 ()小括号 控制运算的顺序
扫一扫
1746
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
