Javascript—②函数
版权声明:未经允许禁止转载,否则会计入黑名单: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—②函数的更多相关文章
- ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库
点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project ...
- JavaScript权威设计--JavaScript函数(简要学习笔记十一)
1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...
- JavaScript 函数
JavaScript 函数 介绍:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.嗯,就像Java中封装的方法一样. 将脚本编写为函数,就可以避免页面载入时执行该脚本. 函数包含着一些代码 ...
- javascript 函数初探 (一)--- 神马是函数
神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...
- JavaScript函数的概念
函数是这样的一段代码,它只定义一次,但可能被执行或调用任意多次. JavaScript函数是参数化的:函数的定义会包含形参,这些参数在函数的整体中像局部变量一样工作.函数调用时会为形参提供实参的值.除 ...
- Javascript函数重载,存在呢—还是存在呢?
1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...
- JavaScript 函数声明,函数表达式,匿名函数,立即执行函数之区别
函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...
- javascript 函数重载 overloading
函数重载 https://en.wikipedia.org/wiki/Function_overloading In some programming languages, function over ...
- JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...
- 常见的JavaScript函数
JavaScript函数一共可分为5类:常规函数.数组函数.日期函数.数学函数和字符串函数. (1)常规函数(9个) alert函数:显示一个警告对话框,包括一个“确定”按钮. confirm函数:显 ...
随机推荐
- ireport 取消自动分页,detail不分页,当没有数据的时候显示title
报表文件属性页面 lgnore pagination 勾选上,就可以取消分页功能.
- SpannableString富文本
忍不住想吐槽这个类,这个类是要给文本设置不同的颜色.字体样式 例子:一句话中只有某几个文字想要设置成不同的颜色 起初写了一个函数setColorStyle(), public SpannableStr ...
- Struts2验证
一.声明式验证 1.字段验证 fielderror的两种显示方式 fielderror的提示信息可以国际化 2.非字段验证:actionErrors / <s:actionerror> 例 ...
- iOS 解决一个复杂bug 之 计分卡
由于该模块界面和业务逻辑都很复杂,并且整个界面设计和业务逻辑都在ViewController(下面简称为VC)里面完成.该VC共有3000多行,一个函数几百张的也有.所以,解决起来真是头疼. 1. 问 ...
- YII 1.0 缓存使用
在main.php的组件components中配置设置添加缓存 'cache'=>array( 'class' => 'system.caching.CFileCache' ), 也就是f ...
- PHP导入导出Excel方法
看到这篇文章的时候,很是惊讶原作者的耐心,虽然我们在平时用的也 有一些,但没有作者列出来的全,写excel的时候,我用过pear的库,也用过pack压包的头,同样那些利用smarty等作的简单替换xm ...
- [ Android 五种数据存储方式之三 ] —— SQLite存储数据
SQLite是轻量级嵌入式数据库引擎,它支持 SQL 语言,并且只利用很少的内存就有很好的性能.此外它还是开源的,任何人都可以使用它.许多开源项目((Mozilla, PHP, Python)都使用了 ...
- ResultSet遍历过程中修改自身数据,不会改变循环的过程
ResultSet遍历过程中修改自身数据,不会改变循环的过程: import java.sql.Connection; import java.sql.PreparedStatement; impor ...
- StackView的功能和用法
StackView也是AdapterViewAnimator的子类,它也用于显示Adapter提供的系列View.SackView将会以“堆叠(Stack)”方式来显示多个列表项. 为了控制Stack ...
- 常用PHP变量输出:echo, prinf, sprintf, var_dump
1.使用 echo 语句 使用 echo 可以打印变量和内容,其他可以是系统变量,也可以是HTML代码,也可以是一个PHP表达式,如下示例: $a = &q ...