html function函数_作用域


JavaScript 函数

在JavaScript中，函数即对象，可以随意地被程序操控，函数可以嵌套在其他函数中定义，这样可以访问它们被定义时所处的作用域中的任何变量。函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

一、JavaScript 函数语法

函数就是包裹在花括号中的代码块，前面使用了关键词 function：


function functionname()
 {
执行代码
 }


可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

注意：function 中的花括号是必需的，即使函数体内只包含一条语句，仍然必须使用花括号将其括起来。

二、JavaScript 作用域

在JavaScript中，作用域为可访问变量，对象，函数的集合。能够定义全局作用域或者局部作用域, (对象和函数同样也是变量).

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。如


function myFunction() { 
    carName = "Volvo"; 
    // 此处carName 为全局变量 
}


JavaScript 变量生命周期

JavaScript 变量生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。（函数参数只在函数内起作用，是局部变量。）

全局变量在页面关闭后销毁。

三、js事件

事件是可以被 JavaScript 侦测到的行为。HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

HTML 事件可以是浏览器行为，也可以是用户行为。HTML 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。以下是 HTML 事件的实例：

  • HTML 页面完成加载
  • HTML input 字段改变时
  • HTML 按钮被点击
  • 用户按下键盘按键。
  • 。。。。

JavaScript 可以做什么?

事件可以用于处理表单验证，用户输入，用户行为及浏览器动作:

  • 页面加载时触发事件
  • 页面关闭时触发事件
  • 用户点击按钮执行动作
  • 验证用户输入内容的合法性
  • 等等 ...

可以使用多种方法来执行

  • HTML 事件属性可以直接执行
  • HTML 事件属性可以调用 JavaScript 函数
  • 你可以为 HTML 元素指定自己的事件处理程序
  • 你可以阻止事件的发生。
  • 等等 ...