Javascript中的方法和匿名方法实例详解


Posted in Javascript onJune 13, 2015

本文实例讲述了Javascript中的方法和匿名方法。分享给大家供大家参考。具体分析如下:

Javascript方法(函数)

声明函数

以function开头,后跟函数名,与C#、java不同,Javascript不需要声明返回值类型、参数类型。没有返回值就是undefined。

举个例子更清楚: 
无参数无返回值的方法:

function f1(){
alert('这是一个方法');
}
f1();//调用方法

无参数有返回值的方法:

function f2(){
return 100;
}
var result=f2();//声明一个变量,接收f1()中的返回值
alert(result);//100

有参数有返回值的方法:

function f3(n1,n2){
return n1+n2;
}
var result=f3(20,30);
alert(result);//50

注意1:

先看例子:

function f1(){
  alert('这是一个方法'); 
}
alert(f1());//弹出”这是一个方法”后,还会显示undefined

原因:js中,变量没有赋值,就是undefined;该栗中f1()没有返回值,那么就是一个未知的值(undefined),这里未知的变量放入alert(),当然弹出的就是undefined

注意2:

alert(f1);//不写括号,会将f1整个代码以字符串形式显示出来:
function f1(){ 
alert('这是一个方法'); 
}

JavaScript中没有方法重载

只调用最新定义的方法:

function f1(n1,n2){ 
alert(n1+n2); 
} 
function f1(n1,n2){ 
alert(n1-n2); 
} 
f1(10,2);//8

结论:无论在哪里调用,都只调用最新定义的方法。

注意:数字+undefined=undefined

function f1(n1,n2,n3){ 
alert(n1-n2+n3); 
} 
f1(10,2);
//NaN,因为没有给n3传值,n3就是undefined,
//数字加上undefined还是undefined

以上结论:Javascript中没有方法重载

定义方法时注意:

自定义函数名不要和内置方法重名:
不要和js内置、dom内置方法重名,比如selectAll、focus等函数名不要用。

不要与系统函数重名。(在单击事件中调用自己定义的focus方法,有问题。与系统的focus()方法重名了)

书写规则括号注意:

一般在js中编写大括号都是直接跟在后面

function f1(){ 
return 
{ 
age:100}; 
} 
var s=f1(); 
alert(s.age);
//undefined。s结果是undefined,undefined.age必然还是undefined

匿名方法(用的非常多)

为什么推荐用匿名方法?

1、有一个1.js中有个方法function aa(){alert{'我挺帅了'}}

2、有一个2.js中有个方法function aa(){alert{'我越来越帅了'}}

3、将1.js和2.js依次导入到index.html中,调用aa();结果显示:我越来越帅了。

结论:2.js中的aa()方法会覆盖1.js中的aa()

怎么办?不再指定方法名,使用匿名方法

先看一个将匿名方法赋给变量例子:

var ff=function(n1,n2){ 
return n1+n2; 
}; 
alert(ff(20,30));//50

一行写完匿名方法:

(function (n1,n2){alert(n1+n2);})(9,9);

小案例:1:

var x=1; 
var y=0; 
var z=0; 
var add=function (n){n=n+1;return n}; 
y=add(x);//结果是2,先调用上面add 
add=function(n){n=n+3;return n;}; 
z=add(x);//结果是4,调用上面临近的这个add 
alert(y+','+z);//2,4

小案例2:

function aa() 
{ 
  alert("aaa"); 
  return function(){alert("bbb");}; 
} 
alert(aa);//不写括号,会将aa方法的整个代码显示出来 
alert(aa());//aaa,function(){alert("bbb");}; aaa就不解释了,后面那一串是作为aa()的返回值显示 
alert(aa()());//aaa,bbb,undefined 
//下面分解上面这句进行解释 
var s=aa();//aaa 
alert(s());//s()就是function(){alert("bbb");};首先弹出bbb,其次该方法没有返回值,故弹出undefined

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
Feb 23 Javascript
MUI实现上拉加载和下拉刷新效果
Jun 30 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
浅谈Vue页面级缓存解决方案feb-alive(上)
Apr 14 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
Mar 02 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
jquery实现简单的自动播放幻灯片效果
Jun 13 #Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 #Javascript
jQuery实现的五子棋游戏实例
Jun 13 #Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 #Javascript
JQuery自动触发事件的方法
Jun 13 #Javascript
JQuery中DOM实现事件移除的方法
Jun 13 #Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 #Javascript
You might like
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
javascript的键盘控制事件说明
2008/04/15 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
python两种注释用法的示例
2020/10/09 Python
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
彪马美国官网:PUMA美国
2017/03/09 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
高中生的学习总结自我鉴定
2013/10/26 职场文书
军训的自我鉴定
2013/12/10 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
高三高考决心书
2014/03/11 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
反四风对照检查材料思想汇报
2014/09/16 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
企业工会工作总结2015
2015/05/13 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis