web开发学习日志6-函数

到了相对复杂的一章,函数。

什么是函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
---http://www.w3school.com.cn/js/js_functions.asp

在大型项目中,有些代码块是需要反复调用的,如果每次都去敲这段代码,会使工作效率显著降低,因此通过把代码块封装在函数中,每次使用时直接调用函数,会让工作变得异常简单。

语法

函数由三大部分组成

  • 关键词 function
  • 函数名称(参数,调用函数时向其传递的值)
  • 要执行的代码块,用花括号包围

function functionname()
{
这里是要执行的代码
}

返回语句:有时候希望函数将值返回调用它的地方,可以通过return 语句实现。使用 return 语句时,函数会停止执行,并返回指定的值。

function sayHello() {
var message = "Hello!";
return message; // 返回message
}

注意事项:
(1)function必需小写,因为JS对大小写敏感
(2)函数名称小括号里的参数可以没有,这时直接把小括号留空;如果有多个参数,用逗号隔开

使用返回值

返回语句会给出返回值,返回值作用如下:

函数的返回值可以存储在变量中或在整个程序期间作为参数使用

例子:

function add(x, y) {
return x + y;
}
var sum = add(2, 5); // 调用 add 函数并将返回值存储在 sum 变量中

作用域

全局作用域
在所有函数之外定义变量,视为全局作用域的一部分,该变量可以在程序任意位置被访问,即全局可用。

函数作用域
如果变量定义在函数内部,那么它在函数内任意位置可以被访问,包括该函数内部的其他函数。

例子
下面的例子中,a变量处于全局作用域,b, c和d变量处于函数作用域。那么下列代码在何处输出c的值不会产生错误呢?答案是function y() 和 function z()任意位置。因为后者属于前者的内部函数。

var a = 1;
function x() {
var b = 2;
function y() {
var c = 3;
function z() {
var d = 4;
}
z();
}
y();
}
x();

函数表达式

当将函数赋值给变量时,函数可以有名称,也可以是匿名的。 调用时直接使用变量名称代替表达式中的函数。我们甚至可以内嵌地将函数传入另一个函数中。这种模式在 JavaScript 中经常用到,有助于简化代码。

匿名函数表达式

var doSomething = function(y) {
return y + 1;
}

命名函数表达式

var doSomething = function addOne(y) {
return y + 1;
}

对于两种表达式都可以这样调用函数:
doSomething(5);

返回值

6

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,207评论 0 13
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,919评论 0 38
  • 1.函数参数的默认值 (1).基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
    赵然228阅读 708评论 0 0
  • 通过互联网购物已经不再是什么新鲜事,小到衣服、家电大到汽车、房子,都可以通过互联网轻松快捷购买。近一两年开始的“互...
    爱闲聊阅读 323评论 0 0
  • import numpy as npx1 = np.array([10, 20, 30], float)print...
    sherrysack阅读 1,151评论 0 1