十、JavaScript(一)
JavaScript基础
-
概念：一门客户端脚本语言
-
运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
-
脚本语言：不需要编译，直接就可以被浏览器解析执行了
-
-
功能：
-
可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验
-
-
JavaScript发展史：
-
1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为：C--，后来更名为：ScriptEase
-
1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript
-
1996年，微软抄袭JavaScript开发出JScript语言
-
1997年，ECMA(欧洲计算机制造协会)，ECMAScript，就是所有客户端脚本语言的标准
-
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)
-
-
ECMAScript
-
基本语法：
-
与html结合方式
-
内部JS：
-
定义script，标签体内容就是js代码
-
-
外部JS：
-
定义script，通过src属性引入外部的js文件
-
-
注意：
-
script可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
-
script可以定义多个
-
-
-
注释
-
单行注释：//注释内容
-
多行注释：/注释内容/
-
-
数据类型
-
原始数据类型(基本数据类型)
-
number：数字。整数/小数/NaN(not a number 一个不是数字的数字类型)
-
string：字符串
-
boolean：true 和 false
-
null：一个对象为空的占位符
-
undefined：未定义。如果一个变量没有给初始化值，则会默认赋值为undefined
-
-
引用数据类型：对象
-
-
变量
-
变量：一小块存储数据的内存空间
-
Java语言是强类型语言，而JavaScript是弱类型语言
-
强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
-
弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据
-
-
语法：
-
var 变量名 = 初始化值；
-
-
-
运算符
-
一元运算符：只有一个运算数的运算符
-
++，--，+(正号)
-
++(--)：自增(自减)
-
++(--)：在前，先自增(自减)，在运算
-
++(--)：在后，先运算，在自增(自减)
-
-
+(-)：正负号
-
注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
-
其他类型转number
-
string转number：按照字面值转换。如果字面值不是数字，则转换为NaN(不是数字的数字)
-
boolean转number：true转为1，false转为0
-
-
-
-
-
算术运算符：
-
+，-，*，/，%……
-
-
赋值运算符：
-
=，+=，-=……
-
-
比较运算符：
-
<，<=，>，>=，==，===(全等于)
-
比较方式：
-
类型相同：直接比较
-
字符串：按照字典顺序比较，按位逐一比较，直到得出大小为止
-
-
类型不同：先进行类型转换，在比较
-
===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false
-
-
-
-
逻辑运算符
-
&&，||，！
-
其他类型转boolean：
-
number：0或NaN为假，其他为真
-
string：除了空字符串(" ")，其他都是true
-
null&undefined：都是false
-
对象：所有对象都为true
-
-
-
三元运算符
-
？ ：表达式
-
语法：
-
表达式？值1：值2；
-
判断表达式的值，如果是true则取值1，如果是false则取值2
-
-
-
-
流程控制语句
-
if...else...
-
switch
-
在java中，switch语句可以接受的数据类型：byte、int、shor、char、枚举(1.5)、string(1.7)
-
switch(变量)：
-
case 值：
-
-
-
在js中，switch语句可以接受任意的原始数据类型
-
-
while
-
do...while
-
for
-
-
JS特殊语法：
-
语句以；结尾，如果只有一行语句则；可以省略(不建议)
-
变量的定义使用var关键字，也可以不使用
-
用：定义的变量是局部变量
-
不用：定义的变量是全局变量(不建议)
-
-
-
-
基本对象：
-
Function：函数(方法)对象
-
创建：
-
var fun = new Function(形式参数列表,方法体)；
-
function 方法名称(形式参数列表){方法体}
-
var 方法名 = function(形式参数列表){方法体}
-
-
属性：
-
length：代表形参的个数
-
-
特点：
-
方法定义时，形参的类型不用写，返回值类型也不用写
-
方法是一个对象，如果定义名称相同的方法，会覆盖
-
在JS中，方法的调用只与方法的名称有关，和参数列表无关
-
在方法声明中有一个隐藏的内置对象(数组)，arguments，封装所有的实际参数
-
-
调用：
-
方法名称(实际参数列表)
-
-
-
Array：数组对象
-
创建：
-
var arr = new Array(元素列表)；
-
var arr = new Array(默认长度)；
-
var arr = [元素列表]；
-
-
方法：
-
join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
-
push()：向数组的末尾添加一个或更多元素，并返回新的长度
-
-
属性：
-
length：数组的长度
-
-
特点：
-
JS中，数组元素的类型是可变的
-
JS中，数组长度的长度是可变的
-
-
-
Boolean：
-
Date：日期对象
-
创建：
-
var date = new Date();
-
-
方法：
-
toLocaleString()：返回当前date对象对应的时间本地字符串格式
-
getTime()：获取毫秒值。返回当前日期对象描述的时间到1970年1月1日零点的毫秒值差
-
-
-
Math：数学对象
-
创建：
-
特点：Math对象不用创建，直接使用：Math.方法名();
-
-
方法：
-
random()：返回0~1之间的随机数。含0不含1
-
ceil(x)：对数进行上舍入
-
floor(x)：对数进行下舍入
-
round(x)：把数四舍五入为最接近的整数
-
-
属性：
-
PI
-
-
-
Number：
-
String：
-
RegExp：正则表达式对象
-
正则表达式：定义字符串的组成规则
-
单个字符：[]
-
如：[a]、[ab]、[a~zA~Z0~9_]
-
特殊符号代表特殊含义的单个字符：
-
\d：单个数字字符[0~9]
-
\w：单个单词字符[a~zA~Z0~9_]
-
-
-
量词符号：
-
? ：表示出现0次或1次
-
*：表示出现0次或多次
-
+：出现1次或多次
-
{m,n}：表示m<=数量<=n
-
m如果缺省：{,n}：最多n次
-
n如果缺省：{m,}:最少m次
-
-
-
开始结束符号：
-
^：开始
-
$：结束
-
-
-
正则对象：
-
创建：
-
var reg = new RegExp("正则表达式")；
-
var reg = /正则表达式/；
-
-
方法：
-
test(参数)：验证指定的字符串是否符合正则定义的规范
-
-
-
-
Global：
-
特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();
-
方法：
-
encodeURI()：url编码
-
decodeURI()：url解码
-
encodeURIComponent()：url编码，编码的字符更多
-
decodeURIComponent()：url解码
-
parseInt()：将字符串转为数字
-
逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
-
-
isNaN()：判断一个值是否是NaN
-
NaN六亲不认，连自己都不认。NaN参与的==比较全部为flase
-
-
eval()：将JavaScript字符串，并把它作为脚本代码来执行
-
-
-
-
-
浙公网安备 33010602011771号