Javascript中的方法和匿名方法实例详解_javascript技巧-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 15:55:07

原创

1446人浏览过

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

Javascript方法（函数）

声明函数

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

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

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

登录后复制

无参数有返回值的方法：

立即学习“Java免费学习笔记（深入）”；

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中没有方法重载

定义方法时注意：

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

508

查看详情

自定义函数名不要和内置方法重名：
不要和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程序设计有所帮助。