JavaScript函数、对象和事件

1. 函数

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

2. 对象

  • JavaScript 对象也是变量,但是对象包含很多值。JavaScript 对象是被命名值的容器。
  • 值以名称:值对的方式来书写(名称和值由冒号分隔),名称:值对被称为属性。
  • 对象也可以有方法,方法是在对象上执行的动作。方法以函数定义被存储在属性中。方法实际上是以属性值的形式存储的函数定义。
1
2
3
4
5
6
7
8
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
  • 在函数定义中,this 引用该函数的「拥有者」。
  • 可以以两种方式访问对象属性:
1
2
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 浏览器已经完成页面加载

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!