主页 / 网络编程 /

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

网络编程 2021-07-04 21:48www.168986.cn编程入门
这篇文章主要介绍了Javascript中的方法和匿名方法,以实例形式较为详细的分析了javascript中方法及匿名方法的定义与使用技巧,需要的朋友可以参考下

本文实例讲述了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 
//狼蚁网站SEO优化分解上面这句进行解释 
var s=aa();//aaa 
alert(s());//s()就是function(){alert("bbb");};弹出bbb，该方法没有返回值，故弹出undefined

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

上一篇：Javascript中String的常用方法实例分析 下一篇：jquery实现简单的自动播放幻灯片效果

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by