前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >JavaScript函数、对象和事件

JavaScript函数、对象和事件

作者头像
hotarugali
发布2022-03-01 09:17:28
发布2022-03-01 09:17:28
61600
代码可运行
举报
运行总次数:0
代码可运行

1. 函数

  • JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
  • 函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
  • 圆括号可包括由逗号分隔的参数,由函数执行的代码被放置在花括号 {} 中:
代码语言:javascript
代码运行次数:0
复制
function name(参数 1, 参数 2, 参数 3) {
    要执行的代码
}
  • 当 JavaScript 到达 return 语句,函数将停止执行。
  • 不使用 () 访问函数将返回函数声明而不是函数结果。name 引用的是函数对象,而 name() 引用的是函数结果。可以将函数对象赋值给变量(变量的值是函数定义)。
代码语言:javascript
代码运行次数:0
复制
function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
} 
var x = toCelsius;      // function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); }

2. 对象

  • JavaScript 对象也是变量,但是对象包含很多值。JavaScript 对象是被命名值的容器。
  • 值以名称:值对的方式来书写(名称和值由冒号分隔),名称:值对被称为属性。
  • 对象也可以有方法,方法是在对象上执行的动作。方法以函数定义被存储在属性中。方法实际上是以属性值的形式存储的函数定义。
代码语言:javascript
代码运行次数:0
复制
var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};
  • 在函数定义中,this 引用该函数的「拥有者」。
  • 可以以两种方式访问对象属性:
代码语言:javascript
代码运行次数:0
复制
objectName.propertyName
objectName["propertyName"]

3. 事件

  • HTML 事件可以是浏览器或用户做的某些事情,比如:
  1. HTML 网页完成加载
  2. HTML 输入字段被修改
  3. HTML 按钮被点击 ⋯\cdots⋯
  • 通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件处理程序。
  • 一些常见的 HTML 事件:

事件

描述

onchange

HTML 元素已被改变

onclick

用户点击了 HTML 元素

onmouseover

用户把鼠标移动到 HTML 元素上

onmouseout

用户把鼠标移开 HTML 元素

onkeydown

用户按下键盘按键

onload

浏览器已经完成页面加载

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-06-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 函数
  • 2. 对象
  • 3. 事件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档