本文翻译youtube上的up主kudvenkat的javascript tutorial播放单

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

函数是一块儿可以被反复使用的代码,当我们想用的时候,一个函数可以让我们多次使用写好的代码

Javascript函数格式

function functionName(parameter1, parameter2,..parameter_n)
{
//function statements
}

注意点:

1.使用function关键字来定义函数,之后则是函数名,函数名之后必须紧接小括号()

2.函数的参数不是必须的.参数名必须在小括号内被逗号分隔开

例子:Javascript函数用于相加两个数字.以下的Javascript函数相加两个数字并且返回其相加的和

function addNumbers(firstNumber, secondNumber)
{
var result = firstNumber + secondNumber;
return result;
}

呼出Javascript函数:呼出Javascript函数的方法需要明确函数名以及可能必要的参数值

var sum = addNumbers(10, 20);
alert(sum);

Output : 30

如果你当你呼出函数的时候不明确写出函数的参数值的话,那么缺省的参数值会被设为undefined

例子:在以下的例子中,我们将10作为firstNumber的参数值,但是secondNumber的参数值缺省,所以这个参数会被设为undefined.当一个加号(+)放在10和undefined之间的话,我们最终得到的结果为NaN,而且会弹出警告

function addNumbers(firstNumber, secondNumber)
{
var result = firstNumber + secondNumber;
return result;
} var sum = addNumbers(10);
alert(sum);

Output : NaN

如果你在呼出函数的时候给了过多的参数值的话,那么多余的参数值会被忽略掉

例子:在以下的例子中,30和40被忽略掉了

function addNumbers(firstNumber, secondNumber)
{
var result = firstNumber + secondNumber;
return result;
} var sum = addNumbers(10, 20, 30, 40);
alert(sum);

那么一个Javacript函数必须要返回一个值吗?

不是的,这完全取决于你想要你的函数做些什么.如果不明确要求返回什么的话,那么会自动默认返回undefined.我们用一个例子来说明

以下的例子返回两个数字的和.我们将返回的和储存在sum变量中,并且在document中输出这个值

function addNumbers(firstNumber, secondNumber)
{
var result = firstNumber + secondNumber;
return result;
} var sum = addNumbers(10, 20);
document.write(sum);

而以下的例子不会返回任何值,而是直接在页面上输出和的值.但是不管怎样,我们还是将addNumbers()函数的返回值赋给sum变量.因为addNumbers()并没有明确表示return什么,所以undefined会被返回

function addNumbers(firstNumber, secondNumber)
{
var result = firstNumber + secondNumber;
document.write(result);
} var sum = addNumbers(10, 20);
alert(sum);

[译]Javascript中的函数的更多相关文章

  1. [译]javascript中定义函数的各种方法

    本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...

  2. JavaScript正则表达式详解(二)JavaScript中正则表达式函数详解

    二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...

  3. 前端学习 第六弹: javascript中的函数与闭包

    前端学习 第六弹:  javascript中的函数与闭包 当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) {   ...

  4. JavaScript中的函数表达式

    在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式 首先,看看函数表达式的表 ...

  5. JavaScript中Eval()函数的作用

    这一周感觉没什么写的,不过在研究dwz源码的时候有一个eval()的方法不是很了解,分享出来一起学习 -->首先来个最简单的理解 eval可以将字符串生成语句执行,和SQL的exec()类似. ...

  6. Javascript中call函数和apply函数的使用

    Javascript 中call函数和apply的使用: Javascript中的call函数和apply函数是对执行上下文进行切换,是将一个函数从当前执行的上下文切换到另一个对象中执行,例如: so ...

  7. 【JavaScript】Javascript中的函数声明和函数表达式

    Javascript有很多有趣的用法,在Google Code Search里能找到不少,举一个例子: <script> ~function() { alert("hello, ...

  8. Javascript中的函数

    Javascript中的函数 1.什么是函数 函数是被命名的,独立的,完成特定功能的代码段.其可能给调用它的程序返回值,我们把这个代码段就称之为"函数". 被命名的:函数大部分都是 ...

  9. Javascript中的函数(Function)与对象(Object)的关系

    今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我. 注意:官方定义: 在Javascript中,每一个函数实际上都是一 ...

随机推荐

  1. Oracl使用总结二

    1.ORA-00972: 标识符过长 错误排除 可能原因: 1.如果是拼接成的sql语句,请查找传递参数时字符型字段是否两边少了引号.2.数据库表名太长了,附各种类型的数据库表名长度: SQLSERV ...

  2. Ant能干什么,编译?打包!

    Ant轻便,灵巧,不像Maven一般沉重. 但是,这是我之前的看法.之前一直使用Eclipse自带的编译工具进行编译,然后采用ant进行打包:但是Eclipse编译工具编译之后的jar包参数名称之类的 ...

  3. SWT与Linux安装包

    关于SWT SWT首先要在Eclipse中添加SWT的安装包:Windowsbuilder Pro.下载路径:http://www.eclipse.org/windowbuilder/download ...

  4. 基于springboot+kotlin+gradle构建的框架的坑

    项目采用以上技术构建,于是本人就尝试构建自己的脚手架,然后遇到一大推问题. 使用的是springinitials构建,IDE是:IDEA 现在也是知其然不知其所以然,但是先记录下来修改过程,以后等知识 ...

  5. 多版本python管理miniconda(集成了virtualenv和pip功能)

    miniconda下载地址: https://conda.io/docs/user-guide/install/index.html Installing on Linux Download the ...

  6. POJ2230(打印欧拉回路)

    Watchcow Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 7473   Accepted: 3270   Specia ...

  7. CountDownLatch的介绍和使用

    1.类介绍 java.util.concurrent 类 CountDownLatch java.lang.Object java.util.concurrent.CountDownLatch 一个同 ...

  8. Weblogic wls RCE 漏洞验证POC

    #!/usr/bin/env python # coding:utf-8 # @Date : 2017/12/22 17:11 # @File : weblogic_poc.py # @Author ...

  9. Ubuntu bash不记录history方法

    很多都是用: unset HISTORY HISTFILE HISTSAVE HISTZONE HISTORY HISTLOG export HISTFILE=/dev/null export HIS ...

  10. eclipse和myeclipse的下载地址

    官方下载地址: Eclipse 标准版 x86 http://mirror.hust.edu.cn/eclipse//technology/epp/downloads/release/luna/R/e ...