JS 函数
- JS 函数是被设计为执行特定任务的代码块
- JS 函数会在某代码调用它时被执行
JS 函数语法
- JS 函数通过 function 关键词进行定义，其后是函数名和括号()
- 函数名可包含字母、数字、下划线、美元符号（规则与变量名相同）
- 括号内是参数列表，多个参数之间使用逗号分隔：(参数1，参数2，参数3...)
- 由函数执行的代码被放置在花括号中：
function functionName(var1,var2,var3,...){
//执行代码
//return ...
}
JS 函数调用
- 当事件发生时（比如用户点击按钮，鼠标放到标签上等）
- 当 JS 代码被调用时
- 自动地调用
JS 函数返回
- 当 JS 到达 return 语句，函数将停止执行
- 如果函数被某条语句调用，JS 将在调用语句之后 “返回” 执行代码
- 函数通常会计算出返回值，这个返回值会返回给调用者
JS 函数优势
- 能够对代码进行复用：只需要定义一次代码，就可以多次地使用
- 向同一函数传递不同参数，以产生不同的结果
JS () 运算符调用函数
- 只有函数名，没有括号 () 调用的是函数的定义
- 有函数名和括号 () 的，调用的是函数返回的结果
JS 对象
- 对象有自己的属性和方法
- 不能把字符串、数值、布尔值声明为对象（会拖慢执行速度）
JS 对象属性
var person = {
firstName:"Bill",
lastName:"Gates",
age:62,
eyeColor:"blue"
};
访问对象属性
objectName.propertyName
objectName["propertyName"]
JS 对象方法
- 对象的方法是在对象上执行的动作
- 对象方法以函数定义被存储在属性中
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
访问对象方法
objectName.methodName()
JS 的 this 关键词
- 在方法中，this 指的是所有者对象
- 单独情况下，this 指的是全局对象
- 在函数中，this 指的是全局对象
- 在函数中，严格模式下，this 是undefined
- 在事件中，this 指的是接受事件的元素
JS 事件
常见的 HTML 事件
| 事件 |
描述 |
| onchange |
HTML 元素已经被改变 |
| onclik |
用户点击了 HTML 元素 |
| onmouseover |
用户把鼠标移动到 HTML 元素上 |
| onmouseout |
用户把鼠标移开 HTML 元素 |
| onkeydown |
用户按下键盘按键 |
| onload |
浏览器已经完成页面加载 |
JS 能做什么
事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作
- 每当页面加载时应该做的事
- 当页面被关闭时应该做的事
- 当用户点击按钮时应该执行的动作
- 当用户输入数据时应该被验证的内容
- 等等
让 JS 处理事件的不同方法
- HTML 事件属性可执行 JS 代码
- HTML 事件属性能够调用 JS 代码
- 向 HTML 元素分配自己的事件处理函数
- 阻止事件被发送或被处理
- 等等
JS 字符串
JS 字符串长度
var text = "Hello World";
var strLen = text.length;
JS 特殊字符
| 代码 |
输出 |
| \` |
单引号 |
| \'' |
双引号 |
| \\ |
反斜杠 |
| \n |
换行 |
| \r |
回车 |
| \t |
tab 制表符 |
| \b |
退格符 |
| \f |
换页符 |
JS 字符串属性
| 属性 |
描述 |
| constructor |
返回创建字符串属性的函数 |
| length |
返回字符串长度 |
| prototype |
允许向对象添加属性和方法 |
JS 字符串方法
| 方法 |
描述 |
| charAt() |
返回指定索引位置的字符 |
| charCodeAt() |
返回指定索引位置字符的 Unicode 值 |
| concat() |
连接两个或多个字符串，返回连接后的字符串 |
| fromCharCode() |
将 Unicode 转换为字符串 |
| indexOf() |
返回字符串中检索指定字符第一次出现的位置 |
| lastIndexOf() |
返回字符串中检索指定字符最后一次出现的位置 |
| localCompare() |
用本地特定的顺序来比较两个字符串 |
| match() |
找到一个或多个正则表达式的匹配 |
| replace() |
替换与正则表达式匹配的子串 |
| search() |
检索与正则表达式相匹配的值 |
| slice() |
提取字符串的片段，并在新的字符串中返回被提取的部分 |
| split() |
把字符串分割为字符串数组 |
| substr() |
从起始索引号提取字符串中指定数目的字符 |
| substring() |
提取字符串中两个指定索引号之间的字符 |
| toLocalLowerCase() |
根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
| toLocalUpperCase() |
根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 |
| toLowerCase() |
把字符串转化为小写 |
| toUpperCase() |
把字符串转换为大写 |
| toString() |
返回字符串对象值 |
| trim() |
移除字符串首尾空白 |
| valueOf() |
返回某个字符串对象的原始值 |
