js函数的各种写法与调用

以下是我见过的各种js函数的各种写法以及调用,虽然有些写法及其调用我不清楚其专业术语叫啥,但并不影响我写一个总结笔记。

我们刚开始接触js语音,经常看到的这种名叫“使用function关键字来定义函数”的写法,如:

function f(e){
alert(e);
}
f("hello world");

把函数赋值给一个变量,这种大概叫“表达式方式定义函数”吧,如:

var f=function(e){
alert(e);
}
f("hello world");

如上,如果省略了函数名,这种也叫“匿名函数”,当然也可以不匿名,给一个函数名,这在用于递归函数时就用到了,如:

var fact=function factTemp(n){
if(n<=1) return 1;
else return n*factTemp(n-1);
}
fact(3); // return 6

还有一种叫“使用构造函数”来定义函数,如:

var f=new Function("x","y","alert(x*y);");
f(2,3); //==>6

以上是三种定义函数的写法及其调用,但是调用还有其他方式:

用call()函数间接调用,如:

function person(name){
    this.name=name;
    this.sayHi=function(age,blogs){
        alert("My name is: "+this.name+";\n age:"+age+";\n blogs:"+blogs);
    }
}
function me(name){
    this.name=name;
}
var person1=new person("function person");
var me1=new me("function me");
person1.sayHi.call(me1,24,"http://www.cnblogs.com/xiaomou2014");  //本来me1是没有sayHi函数的,经过用call就调用了personal里的sayHi函数了。

同样类似于call的同类函数apply也同样能实现这样子的功能,只不过他的第二个参数是数组而已,如:

function person(name){
    this.name=name;
    this.sayHi=function(age,blogs){
        alert("My name is: "+this.name+";\n age:"+age+";\n blogs:"+blogs);
    }
}
function me(name){
    this.name=name;
}
var person1=new person("function person");
var me1=new me("function me");
person1.sayHi.apply(me1,[24,"http://www.cnblogs.com/xiaomou2014"]);  

函数可以赋值给变量,同时也可以把他直接赋值给对象的属性,如:

var o={ square:function(x){ return x*x; } };

var y=o.square(2);  //y=4;

有时候我们定于了一个函数后需要他马上运行,这貌似也挺多见于js插件,如:

(function(){
alert("hello world");
})();

也可以给他一个函数名:

(function f(){
alert("hello world");
})();

第二种:

(function(){
alert("hello world");
}());

同样的我们也可以给他一个函数名:

(function f(){
alert("hello world");
}());

当然也可以给它一个参数:

(function(e){
alert(e);
}("hello world"));

看别人的插件,你会发现人家开头处加了一个";",这样就算页面js有错误,加载运行他的插件也能保证运行,如:

;(function(e){
alert(e);
}("hello world"));

如果一个函数的参数很多,那么我们调用函数的时候并不能很好的记住他的顺序,把参数封装成对象,然后把对象里的一个个属性对应用于参数,这样子很好解决了这个问题,如:

 1 var f=function(args){
 2     sayHi(args.country || "Chinese",
 3             args.name,
 4             args.qq,
 5             args.phone,
 6             args.email)
 7 }
 8 function sayHi(country,name,qq,phone,email){
 9     alert("Hi, I am a "+country+", my name is "+name+";qq:"+qq+";phone:"+phone+";email:"+email);
10 }
11 f({name:"xiao",phone:"13888888888",email:"123456[email protected]",qq:123456});

这样子只要把参数名记住了就可以了,不用管他的顺序,同时给需要赋默认值得参数也很方便,如 args.country || "Chinese",如果调用函数的时候没有给country 这一参数实参,那么他的默认值就是chinese了。

js函数的各种写法与调用

时间: 2024-11-05 12:15:23

js函数的各种写法与调用的相关文章

函数常见的写法及调用方法整理

我们平时在阅读别人的代码的时候,总能看到别人在写函数的时候,有各种不同的写法及调用方法,今天就总结下我所遇到过的函数常见的写法及调用方法. 一.函数声明 // 函数的写法 function sum(a, b) { return a + b; } // 调用 sum(1,2); // 3  二.函数表达式 // 函数的写法 var sum = function (a, b) { return a + b; } // 调用 sum(2, 3); // 5 三.将方法作为一个对象 // 作为对象方法,

js 函数内部创建的setTimeout调用自身函数

js 函数内部创建的计时器setTimeout调用自身函数,实际上就变成了setInterval,操作不当的话会导致计时器不断在创建 在本函数内部清除计时器的时候带上 return : 例如: <script type="text/javascript">     var t=3,timer;     function sleep(){         if(t<=0){             clearTimeout(timer);             ale

Js函数的概念、作用、创建、调用!

一.函数是用来帮助我们封装.调用代码的最方便的工具! 二.函数的创建方法有三种: 三.函数的创建方式有3种,调用方式也不是单一的,调用方式有4种!      1.作为一个函数去调用 函数名+();(函数作为全局对象调用,会使this的值成为全局对象,使用window对象作为一个变量,容易造成程序崩溃!)       2.函数作为方法调用:(函数作为对象的方法调用,会使this的值成为对象的本身!)      我们举例说明: 3.使用构造函数调用函数:(构造函数中的this没有任何值) 4.作为函

webBrowser调用外部js文件和js函数(转载)

原文链接:http://fy5388.blog.163.com/blog/static/56499537201012594314130/ webBrowser调用外部js文件和js函数 '第一种方法:webbrowser动态调用html和js代码,都是动态的:代码示例: webBrowser1.Navigate("about:blank");webBrowser1.Document.OpenNew(True);webBrowser1.Document.Write("<H

C#调用htmlfile组件,并执行js函数

前一篇我测试了vba调用htmlfile做反混淆,并执行js函数的代码.本文换成C#实现. 本文地址:http://www.cnblogs.com/Charltsing/p/CSharpEval.html 联系QQ:564955427 C#调用com组件需要使用CreateInstance,当然,我们也可以通过反编译vb.net里面的CreatObject来修改成C#代码.我从网上下载了一个 [SecurityPermission(SecurityAction.Demand, Unmanaged

ASP.NET后台调用前台JS函数的三种常见方法

第一种:使用普通的添加控件中的Attributes属性进行调用 例如,像一般的普通的按钮:Button1.Attributes.Add("onclick","MyFun();"); 此方法只能在Onload中或者类似于onload的初始化过程中添加才有效.并且是先执行脚本函数,同时无法改变执行顺序. 第二种:使用Response.Write方法进行调用 例如,像我们经常会使用到的Response.Write("<scripttype='text/ja

VC与JavaScript交互(二) ———— 调用JS函数

这一章,我们来动手实践VC调用JS函数. 我们动手写一个HTML,其中包含这样一段JS代码: [html] view plaincopy <script type="text/javascript"> function Add(value1, value2) { return value1 + value2; } </script> 然后我们用WebBrowser加载这个HTML后,在VC中这样来调用这个函数名为Add的JS函数: [cpp] view plai

服务器控件调用JS函数

是服务器端控件,不能在JS里直接调用,但可以在aspx.cs 里写方法可以调用JS函数,比如JS方法名称是check(), function check() {   alert(document.getElementById("ltr1").value); } 在a.aspx  <asp:Literal ID="ltr1" runat="server" > </asp:Literal> <asp:Button ID=

Js文件中调用其它Js函数的方法

Js文件中调用其它Js函数的方法 在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分代码在另外一个Js文件中已经完成了,自己只需要调用这个方法再加上几句代码就可以实现所需的功能.我们知道,在html中,利用<script language="javascript" type="text/javascript" src="../script.js"></script>引入的两个js是