版权声明:未经允许禁止转载,否则会计入黑名单:http://www.cnblogs.com/123it/p/copyright.html

新手Perfect教程之Javascript②教程—函数

前言:上回我们是从hello world开始的,本期将会讲“函数”

在学自定义函数之前,先了解几个已经定义好的函数:

1 alert();                   //弹出消息对话框函数(JavaScript默认函数)
2 prompt(); //弹出输入对话框函数(JavaScript默认函数)
3 document.write(); //写字符到<body>里(JavaScript默认函数,document是一个默认对象,以后会讲到)

但是,你弹出对话框得有对话框内容吧;你写字符得有字符的内容吧……

如何确认内容呢?

我们就用函数的参数来确定,比如说这个:

 alert("这里是参数");

但是必须注意,如果参数是字符串,就必须加引号(单、双引号均可,只要是字符串在这一对引号中间即可)

假如要是在字符串参数里还需要进行第二层引用,就用不同于该参数的引号,比如说:

alert("Hi! This is a 'String'.")     //双引号中引用的用单引号

或者:

alert('Hi! This is another "String".');         //单引号中引用的用双引号

(提示:这两种都正确,本教程使用第一种)

这是部分Javascript的默认函数,那么,如何自己创建函数呢?

用function(){}即可自己创建函数,比如说这个最简单的函数框架:

 function test(){
//这里写执行函数后的代码
}

在上面的代码中,function后面的“test”是一个自定义的函数名,自定义函数名是有要求的:

1.可以使用大小写字母(A-Z,a-z)

2.可以使用数字(0-9)

3.不能出现其他特殊字符(&、*、#、@、!、~、/、\等)

4.不能出现中文!(这是重中之重!因为Javascript不能识别中文变量名!)

下面这是个无参数的函数:

 function noVar() {
alert("Hello World!");
}

为什么说是上面的函数是无参数的函数?因为上面的函数的函数名noVar后面的括号里没有定义参数。

参数也是可以自定义的,要求同自定义函数名。

下面这是个有参数的函数(Javascript里用“+”来代表两个变量相加):

 function haveVar(var1) {
alert("Welcome! Your name is " + var1);
}

怎么调用函数?

调用函数很简单,可以直接在<body>的onload参数里调用:

 <body onload="haveVar(John)">
//...
//...
//...
</body>

或者通过<input type="button">制作的按钮调用:

 <body>
//...
//...
<input type="button" onclick="haveVar(John)" value="按钮" /> //点击按钮后执行haveVar函数,参数为John
//...
//...
</body>

看到这里,可能有的童鞋就得问了,为什么调用带参数的函数时参数不加引号?

因为假如参数加了引号,那么浏览器看到onclick=时就不知道onclick的参数是   “haveVar(”   还是   “)”   还是   “John”   还是   “haveVar(John)”   了。

(注意:如果参数或一个变量没有被赋值任何数据,那么就是英文单词“undefined”(翻译:未定义的))

函数也可以是有返回值的,这样的话函数返回返回值后,整个调用函数的内容就会变成返回值(即哪里调用函数,哪里就把函数看成一个变量),比如说:

 function haveVar(var1,var2) {
var equal = var1 + var2; //计算var1+var2的值并存入equal变量中
return equal; //返回equal变量内容
}

假如调用这个函数时参数写上:haveVar(7,3),那么就会返回10。

————————The End————————

下期预告:新手Perfect教程之Javascript—③对象

我们下期再见!

作者:wy14abcd

未经允许不得转载

Javascript—②函数的更多相关文章

  1. ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库

    点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project ...

  2. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  3. JavaScript 函数

    JavaScript 函数 介绍:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.嗯,就像Java中封装的方法一样. 将脚本编写为函数,就可以避免页面载入时执行该脚本. 函数包含着一些代码 ...

  4. javascript 函数初探 (一)--- 神马是函数

    神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...

  5. JavaScript函数的概念

    函数是这样的一段代码,它只定义一次,但可能被执行或调用任意多次. JavaScript函数是参数化的:函数的定义会包含形参,这些参数在函数的整体中像局部变量一样工作.函数调用时会为形参提供实参的值.除 ...

  6. Javascript函数重载,存在呢—还是存在呢?

    1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...

  7. JavaScript 函数声明,函数表达式,匿名函数,立即执行函数之区别

    函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...

  8. javascript 函数重载 overloading

    函数重载 https://en.wikipedia.org/wiki/Function_overloading In some programming languages, function over ...

  9. JavaScript语言精粹读书笔记 - JavaScript函数

    JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...

  10. 常见的JavaScript函数

    JavaScript函数一共可分为5类:常规函数.数组函数.日期函数.数学函数和字符串函数. (1)常规函数(9个) alert函数:显示一个警告对话框,包括一个“确定”按钮. confirm函数:显 ...

随机推荐

  1. ireport 取消自动分页,detail不分页,当没有数据的时候显示title

    报表文件属性页面 lgnore pagination 勾选上,就可以取消分页功能.

  2. SpannableString富文本

    忍不住想吐槽这个类,这个类是要给文本设置不同的颜色.字体样式 例子:一句话中只有某几个文字想要设置成不同的颜色 起初写了一个函数setColorStyle(), public SpannableStr ...

  3. Struts2验证

    一.声明式验证 1.字段验证 fielderror的两种显示方式 fielderror的提示信息可以国际化 2.非字段验证:actionErrors / <s:actionerror> 例 ...

  4. iOS 解决一个复杂bug 之 计分卡

    由于该模块界面和业务逻辑都很复杂,并且整个界面设计和业务逻辑都在ViewController(下面简称为VC)里面完成.该VC共有3000多行,一个函数几百张的也有.所以,解决起来真是头疼. 1. 问 ...

  5. YII 1.0 缓存使用

    在main.php的组件components中配置设置添加缓存 'cache'=>array( 'class' => 'system.caching.CFileCache' ), 也就是f ...

  6. PHP导入导出Excel方法

    看到这篇文章的时候,很是惊讶原作者的耐心,虽然我们在平时用的也 有一些,但没有作者列出来的全,写excel的时候,我用过pear的库,也用过pack压包的头,同样那些利用smarty等作的简单替换xm ...

  7. [ Android 五种数据存储方式之三 ] —— SQLite存储数据

    SQLite是轻量级嵌入式数据库引擎,它支持 SQL 语言,并且只利用很少的内存就有很好的性能.此外它还是开源的,任何人都可以使用它.许多开源项目((Mozilla, PHP, Python)都使用了 ...

  8. ResultSet遍历过程中修改自身数据,不会改变循环的过程

    ResultSet遍历过程中修改自身数据,不会改变循环的过程: import java.sql.Connection; import java.sql.PreparedStatement; impor ...

  9. StackView的功能和用法

    StackView也是AdapterViewAnimator的子类,它也用于显示Adapter提供的系列View.SackView将会以“堆叠(Stack)”方式来显示多个列表项. 为了控制Stack ...

  10. 常用PHP变量输出:echo, prinf, sprintf, var_dump

    1.使用 echo 语句       使用 echo  可以打印变量和内容,其他可以是系统变量,也可以是HTML代码,也可以是一个PHP表达式,如下示例:                $a = &q ...