JavaScript - 函数、对象、事件、字符串(三)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript - 函数、对象、事件、字符串(三),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2381字,纯文字阅读大概需要4分钟。
内容图文
![JavaScript - 函数、对象、事件、字符串(三)](/upload/InfoBanner/zyjiaocheng/1307/05390692d26a45b1ad8caded8abdac0c.jpg)
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 对象属性
- 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 字符串长度
- 使用内置属性 length 来计算字符串的长度
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() | 返回某个字符串对象的原始值 |
原文:https://www.cnblogs.com/xdy-/p/13544289.html
内容总结
以上是互联网集市为您收集整理的JavaScript - 函数、对象、事件、字符串(三)全部内容,希望文章能够帮你解决JavaScript - 函数、对象、事件、字符串(三)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。