JavaScript概述： 什么是JavaScript？ 简称JS 是一种运行于解释器或执行引擎中的脚本代码 是一种浏览器解释型的语言 主要用来实现页面的交互设计动态效果 JS的组成： 核心语法 ECMAScript 规范了JS的基本语法 浏览器对象模型 BOM Browser Object Module 提供了一系列浏览器操作模型 文档对象模型 DOM Document Object Module 提供了一系列操作文档的方法
JavaScript的使用： 在元素标签中绑定JS代码，主要指事件 事件：用户在行为上所激发的行为操作 语法： <标签 onclick=“JS 操作”> JS 操作如果涉及代码非常多，一般会抽离出来单独写在JS文件中 如果是简单的代码，可以以属性值字符串的形式代码 console.log("在控制台输出一句话");
将JS代码嵌套在文档中： 使用<script></script>标签 标签可以书写在文档的任意位置 书写多次 但是不同的位置会影响代码最终的执行效果 <scripy> console.log('在终端输出'); document.write('在页面中输出，会重写网页中的内容'); </script> 特点： 网页加载到标签时就会执行内部的JS代码 外部链接： src： 引入的外部资源 是网页加载必须的一部分 网页在加载src文件时 会等待文件加载完毕后再执行后面的代码 href： 网页在加载文件时 不会等待完毕 边加载边执行 注意： 在JS的引入标签中 不能书写任何JS代码 语法： 创建外部JS文件 在文档中使用<script src="JS路径"></script>引入 常用操作： alert(""); 普通网页弹窗 prompt(""); 接受用户输入的弹窗,返回用户输入内容 document.write("<h1>Hello world!</h1>"); 使用事件方式写入会重写网页内容 如果是在嵌入文档中写入标签 会追加到body末尾 JS脚本文本内部的HTML标签可以被浏览器识别 console.log(); 控制台输出，多用于调试代码 JavaScript基础语法： JS是由语句组成的 JS的语句可以由运算符、关键字、表达式组成 JS中语句必须以英文的‘;’分号结束 JS中严格区分大小写 所有涉及的标点符号，必须使用英文的 JS的注释： 单行注释// 多行注释/**/ JS的变量与常量： 变量： 创建变量： 先声明后赋值 使用关键字 var进行声明 声明：var 变量名； 赋值：变量名 = 值； 声明同时赋值： var 变量名 = 值； 使用注意： 声明变量时，可以省略关键字 var 但是不建议省略 变量只声明不赋值 默认为undefined 命名规范： 不能与JS的关键字和保留字冲突（name） 自定义的比变量名 可以有数字、字母、下户线、$、 不能以数字开头 变量名称严格区分大小写 命名尽量有意义 多个单词采用小驼峰 变量的使用方式： 赋值: 符号：= 作用： 将右边的赋给左边的变量 访问： 直接输出 console.log(a); 变量出现在赋值符号右边 表示访问变得的值 赋值符号的左边不能为常量 常量： 一经声明就不允许在被修改的数据就是常量 声明常量： const 常量名 = 值； 特点； 常量在声明时必须赋值 为了区分变量 一般采用全大写方式 操作小数： 保留小数点后 n 位 toFixed； 使用： var num = 3.141592693975358 num = num.toFixed(2); //保留两位 数据类型： 基本数据类型（简单数据类型） 1.number 类型 数字类型 可以表示32位小数 或62位的浮点数 1字节 = 8位 整数占4字节 浮点数占8字节 整数： 十进制表示 0~9 八进制表示 0~7 以数字0开头 十六进制表示 0~9 a~f 以0x为前缀 注意： console.log()输出时 不管什么进制的数 都会被转换成10进制输出 小数： 小数点计数法： 3.14 指数计数法： 1.5e3 2.字符串类型： string： 类型 可以由任意字符组成 字符串必须使用“”引起来 每个字符都有Unicode的编码 Unicode的前128位和ASC码一致 查看字符的Unicode的编码值 方法： charCodeAt(index); 用来查看指定位置的字符对应的编码 字符串中的每个字符都有下标 参考数组的方式存储 Unicode转汉字： 需要先将码值转换成十六进制再进行字符转换 转换十六进制： toString(); 十六进制转换汉字： 添加\u转义 中文的范围： “\u4e00” ~ “\u9fa5” 转义符： \n：换行 \t：制表符 \"：" \'：" \\:\ 3.boolean 布尔类型： 用来表示真或假 可以参与数学运算 true = 1 false = 0 4.undefined类型： 变量声明未赋值时，为undefined 如果访问对象不存在的属性时，也为undefined 5.null 类型： 空类型
判断数据类型： typeof 使用： var n = “asda”; console.log(typeof n); console.log(typeof(n)); 引用数据类型（复杂数据类型 数组 函数 对象 数据类型的转换： 相同数据类型的变量进行运算时，保持数据类型一致 1.隐式类型转换(自动转换)： number + string = string boolean + string = string 当字符串与其他类型相加时 加号就表示字符串的拼接 number + boolean = number boolean可以是数字类型 2.强制类型转换： toString(): 将任意非字符串类型的数据转换为字符串 并返回结果 Number(): 将数字字符串转换为number类型 只能是数字类型字符串 失败返回 NaN（Not a Number） parseInt(): 解析字符串中的整数字符 只能解析字符串开头是数字的字符串 var r = parseInt(35.5) //35 内部实现： 如果参数不是字符串 那么会字符先使用toString方法转换后再进行解析 parseFloat(): 作用等同于parseInt()解析小数部分 var r = parseFloat(35.5) //35.5 可以解析指数计数法
JavaScript的使用： 在元素标签中绑定JS代码，主要指事件 事件：用户在行为上所激发的行为操作 语法： <标签 onclick=“JS 操作”> JS 操作如果涉及代码非常多，一般会抽离出来单独写在JS文件中 如果是简单的代码，可以以属性值字符串的形式代码 console.log("在控制台输出一句话");
将JS代码嵌套在文档中： 使用<script></script>标签 标签可以书写在文档的任意位置 书写多次 但是不同的位置会影响代码最终的执行效果 <scripy> console.log('在终端输出'); document.write('在页面中输出，会重写网页中的内容'); </script> 特点： 网页加载到标签时就会执行内部的JS代码 外部链接： src： 引入的外部资源 是网页加载必须的一部分 网页在加载src文件时 会等待文件加载完毕后再执行后面的代码 href： 网页在加载文件时 不会等待完毕 边加载边执行 注意： 在JS的引入标签中 不能书写任何JS代码 语法： 创建外部JS文件 在文档中使用<script src="JS路径"></script>引入 常用操作： alert(""); 普通网页弹窗 prompt(""); 接受用户输入的弹窗,返回用户输入内容 document.write("<h1>Hello world!</h1>"); 使用事件方式写入会重写网页内容 如果是在嵌入文档中写入标签 会追加到body末尾 JS脚本文本内部的HTML标签可以被浏览器识别 console.log(); 控制台输出，多用于调试代码 JavaScript基础语法： JS是由语句组成的 JS的语句可以由运算符、关键字、表达式组成 JS中语句必须以英文的‘;’分号结束 JS中严格区分大小写 所有涉及的标点符号，必须使用英文的 JS的注释： 单行注释// 多行注释/**/ JS的变量与常量： 变量： 创建变量： 先声明后赋值 使用关键字 var进行声明 声明：var 变量名； 赋值：变量名 = 值； 声明同时赋值： var 变量名 = 值； 使用注意： 声明变量时，可以省略关键字 var 但是不建议省略 变量只声明不赋值 默认为undefined 命名规范： 不能与JS的关键字和保留字冲突（name） 自定义的比变量名 可以有数字、字母、下户线、$、 不能以数字开头 变量名称严格区分大小写 命名尽量有意义 多个单词采用小驼峰 变量的使用方式： 赋值: 符号：= 作用： 将右边的赋给左边的变量 访问： 直接输出 console.log(a); 变量出现在赋值符号右边 表示访问变得的值 赋值符号的左边不能为常量 常量： 一经声明就不允许在被修改的数据就是常量 声明常量： const 常量名 = 值； 特点； 常量在声明时必须赋值 为了区分变量 一般采用全大写方式 操作小数： 保留小数点后 n 位 toFixed； 使用： var num = 3.141592693975358 num = num.toFixed(2); //保留两位 数据类型： 基本数据类型（简单数据类型） 1.number 类型 数字类型 可以表示32位小数 或62位的浮点数 1字节 = 8位 整数占4字节 浮点数占8字节 整数： 十进制表示 0~9 八进制表示 0~7 以数字0开头 十六进制表示 0~9 a~f 以0x为前缀 注意： console.log()输出时 不管什么进制的数 都会被转换成10进制输出 小数： 小数点计数法： 3.14 指数计数法： 1.5e3 2.字符串类型： string： 类型 可以由任意字符组成 字符串必须使用“”引起来 每个字符都有Unicode的编码 Unicode的前128位和ASC码一致 查看字符的Unicode的编码值 方法： charCodeAt(index); 用来查看指定位置的字符对应的编码 字符串中的每个字符都有下标 参考数组的方式存储 Unicode转汉字： 需要先将码值转换成十六进制再进行字符转换 转换十六进制： toString(); 十六进制转换汉字： 添加\u转义 中文的范围： “\u4e00” ~ “\u9fa5” 转义符： \n：换行 \t：制表符 \"：" \'：" \\:\ 3.boolean 布尔类型： 用来表示真或假 可以参与数学运算 true = 1 false = 0 4.undefined类型： 变量声明未赋值时，为undefined 如果访问对象不存在的属性时，也为undefined 5.null 类型： 空类型
判断数据类型： typeof 使用： var n = “asda”; console.log(typeof n); console.log(typeof(n)); 引用数据类型（复杂数据类型 数组 函数 对象 数据类型的转换： 相同数据类型的变量进行运算时，保持数据类型一致 1.隐式类型转换(自动转换)： number + string = string boolean + string = string 当字符串与其他类型相加时 加号就表示字符串的拼接 number + boolean = number boolean可以是数字类型 2.强制类型转换： toString(): 将任意非字符串类型的数据转换为字符串 并返回结果 Number(): 将数字字符串转换为number类型 只能是数字类型字符串 失败返回 NaN（Not a Number） parseInt(): 解析字符串中的整数字符 只能解析字符串开头是数字的字符串 var r = parseInt(35.5) //35 内部实现： 如果参数不是字符串 那么会字符先使用toString方法转换后再进行解析 parseFloat(): 作用等同于parseInt()解析小数部分 var r = parseFloat(35.5) //35.5 可以解析指数计数法
