javascript怎么定义函数

发布网友 发布时间:2022-04-20 09:33

我来回答

6个回答

懂视网 时间:2022-04-07 11:01

三种函数的声明方法

代码示例如下:

  function test1(a1,a2){
  console.log("函数声明的第一种方法" + a1 + a2);
  }
  test1();
  test1(1);
  test1(1,2);
  var test2 = new Function("a1","a2","console.log('函数声明的第二种方法' + a1 + a2)");
  test2();
  test2(1);
  test2(1,2);
  var test3 = function(a1,a2){
  console.log("函数声明的第三种方法" + a1 + a2);
  }
  test3();
  test3(1);
  test3(1,2);

(推荐教程:js教程)

有返回值的函数

代码示例如下:

  function action(a1,a2){
  console.log("clannad赛高");
  return "没错";
  }
  var act=action();
  console.log(act);
  console.log(action);
  console.log(action());

函数返回值为函数的函数

代码示例如下:

  function action(a){ //这个函数是把输入的参数内容打印出来。
  console.log(a);
  }
  var actioned = function(){ //一个含有返回值的函数
  return "clannad赛高,没错";
  }
  action(actioned);
  action(actioned());

一个比较常用的方法

  function extract(fn){
  fn();
  console.log(fn);
  console.log(fn()); //先对function的内容进行执行,然后用console.log输出fn运行后的结果(即返回值)
  }
  extract(function(){
  console.log("我运行了吗");
  return "clannad赛高,没错";
  })

运行结果:

af348ef60a559d1c36dda0cb114e25a.png

函数调用时,没有参数限制,定义函数时,即使调用了参数个数不足,也不会报错,因为参数默认为undefined类型。

上面的三种函数的定义方法虽然不同,但是其对应的底层思想是相同的,其都相当于一个变量封装了一个函数类型的对象。

在js中,()是函数的执行符号,但输入()代码才会执行,相应的console.log(函数名)其仅仅只能打印出函数的内容,但在其内部添加了()其不仅会执行代码还会打印出其对应的返回值(如果用的话)

有一种常用的方式,就如同代码最后的命名方式,定义一个执行函数的函数。

相关视频教程推荐:javascript视频教程

热心网友 时间:2022-04-07 08:09

1:调用关键字function来构造

   

function distance(x1,x2,y1,y2) 

 { 

   var dx=x2-x1; 

   var dy=y2-y1; 

   return Math.sqrt(dx*dx+dy*dy); 

 }

   



2:使用Function()构造函数(请注意与上面的大小写)

1

   

var f=new Function*"x","y","return x*y");

   


这行代码创建了一个新函数,该函数和你所熟悉的语法定义的函数基本上时等价的:

1

2

3

4

   

function f(x,y) 

  { 

      return x*y; 

  }

   


Functino()构造函数可以接受任意多个字符串参数。它的最后一个参数时函数的主体,其中可以包含任何JavaScript语句,语句之间用分号分隔。其他的参数都是用来说明函数要定义的形式参数名的字符串。如果你定义的函数没有参数,那么可以只需给构造函数传递一个字符串(即函数的主体)即可。 
  注意,传递给构造函数Function()的参数中没有一个用于说明它要创建的函数名。用Function()构造函数创建的未命名函数有时被成为“匿名函数”。 
  你可能非常想知道Function()构造函数的用途是什么。为什么不能只用function语句来定义所有的函数呢?原因是Function()构造函数允许我们动态地建立和编译一个函数,它不会将我们*在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时,Function()构造函数都要对它进行编译。因此,在循环体中或者在经常使用的函数中,我们不应该频繁地调用这个构造函数。 
  使用Function()构造函数的另一个原因是它能够将函数定义为JavaScript表达式的一部分,而不是将其定义一个语句,这种情况下使用它就显得比较的方面,甚至可以说精致。


 3:函数直接量 
  函数直接量是一个表达式,它可以定义匿名函数。函数直接量的语法和function语句非常相似,只不过它被用作表达式,而不是用作语句,而且也无需指定函数名。下面的三行代码分别使用function()语句、Funciont()构造函数和函数直接量定义了三个基本上相同的函数:

1

2

3

   

function f(x){return x*x}; 

 var f=new Function("x","return x*x;"); 

 var f=function(x){reurn x*x};

   



在JavaScript1.1中,可以使用构造函数Function()来定义函数,在JavaScript1.2和其后的版本中,还可以使用函数直接量来构造函数。你应该注意这两种方法之间的重要差别。 
   
  首先,构造函数Function()允许在运行时动态地创建和编译JavaScript代码。但是函数直接量却是函数结构的一个静态部分,就像function语句一样。 
  其次,作为第一个差别的必然结果,每次调用构造函数Function()时都会解析函数体并且创建一个新东汉数对象。如果对构造函数的调用出现在一个循环中,或者出现在一个经常被调用的函数中,这种方法的效率非常低。另一个方面,函数直接量或出现在循环和函数中的嵌套函数不是在每次调用时都被重新编译,而且每当遇到一个函数直接量时也不创建一个新的函数对象。 
  Function()构造函数和函数之间量之间的第三点差别是,使用构造函数Function()创建的函数不使用词法作用域,相反的,它们总是被当作顶级函数来编译,就像下面代码所说明的那样:


热心网友 时间:2022-04-07 09:27

<html> 
<head></head> 
<body> 
<script type="text/javascript"> 
/*javascript定义函数(声明函数)可以有三种方法:正常方法、构造函数、函数直接量。*/ 
/*1.正常方法 function(param){}*/ 
function print(msg) 

document.write(msg,"<br/>"); 

/*如果函数不包含return 语句,只执行函数体内语句,并返回undefined*/ 
/*2.构造函数方法:new Function()*/ 
var add1=new Function('a','b','return a+b'); 
/*3.函数直接量法,创建未命名函数,*/ 
var result = function(x,y){return x+y;}; 
/*也可以指定函数名*/ 
var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)}; 
document.write('调用一般的方法:'); 
print("<hr/>"); 
print('调用构造函数方法:add1(5,6)'); 
print(add1(5,6)); 
print("<hr/>"); 
print("调用函数直接量法:result(3,4)"); 
var re =result(3,4); 
print(re); 
print("调用函数直接量法:result2(3)"); 
print(result2(3)); 
print("<hr/>"); 
print('函数作为数据使用'); 
/*函数可以作为数据使用*/ 
function add(x,y){return x+y;} 
function subtract(x,y){return x-y;} 
function multiply(x,y){return x*y;} 
function divide(x,y){return x/y;} 
function operate(operator,operand1,operand2) 

return operator(operand1,operand2); 

//计算(2+3) + (4*5) 
var i = operate(add,operate(add,2,3),operate(multiply,4,5)); 
print('(2+3) + (4*5)='+i); 
print("<hr/>"); 
//使用函数直接量 
var operators = new Object(); 
operators['add'] = function(x,y){return x+y;} 
operators['substract'] = function(x,y){return x-y;} 
operators['multiply'] = function(x,y){return x*y;} 
operators['divide'] = function(x,y){return x/y;} 
operators['pow'] = Math.pow; 
function operate2(op_name,operand1,operand2) 

if(operators[op_name] == null) return "unknown operator"; 
else return operators[op_name](operand1,operand2); 

//定义"hello" + "" + "world" 
var j = operate2("add","hello",operate2("add"," ","world")); 
var k = operate2("pow",10,2); 
print(j); 
print(k); 
print("<hr/>"); 
</script> 
</body> 
</html>

热心网友 时间:2022-04-07 11:02

首先,需要定义javascript标签
其次,函数关键字function
然后就是自定义函数名称,这样既可。
<script>
function 自定义函数名{

}
</script>

热心网友 时间:2022-04-07 12:53

使用function定义

例如 function add(a,b,c){}

var add = function(a,b,c){};  

调用的时候使用add();add(a);add(a,b);add(a,b,c);

热心网友 时间:2022-04-07 15:01

一、正常方法
function print(msg){
document.write(msg);
}
对函数进行调用的几种方式:
函数名(传递给函数的参数1,传递给函数的参数2,….)
变量 = 函数名(传递给函数的参数1,传递给函数的参数2,….)
对于有返回值的函数调用,也可以在程序中直接使用返回的结果,例如:alert("sum=“+ square(2,3));
不指定任何函数值的函数,返回undefined
二、构造函数方法 new Function();
//构造函数方式定义javascript函数 注意Function中的F大写
var add=new Function('a','b','return a+b;');
//调用上面定义的add函数
var sum=add(3,4);
alert(sum);
//弹出7
注:接受任意多个字符串参数,最后一个参数是函数体。
如果只传一个字符串,则其就是函数体。
三、函数直接量定义函数
//使用函数直接量的方式定义函数

var result=function(a,b){return a+b;}
//调用使用函数直接量定义的函数
var sum=result(7,8);
alert(sum);
注:函数直接量是一个表达式,它可以定义匿名函数
匿名函数如下:
btnElement.onclick=function(){
alert("点击按钮");
}
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com