js创建函数的方式

javascript有哪几种定义函数的方法

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()构造函数（请注意与上面的大小写）

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

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

function f(x,y)。

    return x*y;。

Functino()构造函数可以接受任意多个字符串参数。它的最后一个参数时函数的主体，其中可以包含任何JavaScript语句，语句之间用分号分隔。其他的参数都是用来说明函数要定义的形式参数名的字符串。如果你定义的函数没有参数，那么可以只需给构造函数传递一个字符串（即函数的主体）即可。 。

注意，传递给构造函数Function()的参数中没有一个用于说明它要创建的函数名。用Function()构造函数创建的未命名函数有时被成为“匿名函数”。 。

你可能非常想知道Function()构造函数的用途是什么。为什么不能只用function语句来定义所有的函数呢？原因是Function()构造函数允许我们动态地建立和编译一个函数，它不会将我们限制在function语句预编译的函数体中。这样做带来的负面影响效应就是每次调用一个函数时，Function()构造函数都要对它进行编译。因此，在循环体中或者在经常使用的函数中，我们不应该频繁地调用这个构造函数。 。

使用Function()构造函数的另一个原因是它能够将函数定义为JavaScript表达式的一部分，而不是将其定义一个语句，这种情况下使用它就显得比较的方面，甚至可以说精致。

　3：函数直接量 

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

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()创建的函数不使用词法作用域，相反的，它们总是被当作顶级函数来编译，就像下面代码所说明的那样：

JS里声明函数有几种方式？

/*第一种方法，使用function语句，格式如下*/。

function fn(){

alert("这是使用function语句进行函数定义");。

}

fn();

/*第二种方法，使用Function()构造函数克隆函数*/。

var F = new Function("a","b","alert(a+b)");。

F(a,b);

其实相当于如下代码：

function F(a,b){。

alert(a+b);

}

/*第三种方法，使用函数直接量*/。

var zhenn = function(){。

alert("zhenn");。

}

zhenn();

怎么使用js创建

JS函数的定义方式比较灵活，它不同于其他的语言，每个函数都是作为一个对象被维护和运行的。

先看几种常用的定义方式：

function func1([参数]){。

/*函数体*/

var func2=function([参数]){。

/*函数体*/

};

var func3=function func4([参数]){。

/*函数体*/

};

var func5=new Function();。

上述第一种方式是最常用的方式，不用多说。

第二种是将一匿名函数赋给一个变量，调用方法：func2([函数]);。

第三种是将func4赋给变量func3，调用方法：func3([函数]);或func4([函数]);。

第四种是声明func5为一个对象。

再看看它们的区别：

function func(){。

//函数体

//等价于

var func=function(){。

//函数体

但同样是定义函数，在用法上有一定的区别。

<script>

//这样是正确的

func(1);

function func(a)。

alert(a);

</script>。

<script>

//这样是错误的，会提示func未定义，主要是在调用func之前没有定义。

func(1);

var func = function(a)。

alert(a);

//这样是正确的，在调用func之前有定义。

var func = function(a)。

alert(a);

func(1);

</script>。

用同样的方法可以去理解第三种定义方式。

第四种定义方式也是需要声明对象后才可以引用。

js 如何创建带返回值的函数

以JS创建按钮为例：

1、创建一个元素时，使用createElement()函数。

2、设置元素属性可以有以下两种常用方式，首先获得具体元素的引用，

a)然后使用elementName.id="";设置她的id属性，同样可以设置name等属性，具体针对不同的页面元素有不同的属性，可以参考DHTML参考手册。

b)使用setAttribute函数，elementName.setAttribute("id","elementId");。

两种方式各有千秋，例如在设置class属性时就存在a)不好使用的情况，在使用中需要注意。

3、删除页面元素。删除时首先需要获得需要删除的元素的引用，然后使用removeChild函数就可以删除该元素了。必须要获得引用后才可以删除（注意）。

4、无论是创建或者删除页面元素，针对的对象是document.body。如果需要查看生成页面元素后的代码，需要使用document.body.innerHTML来查看，直接查看源文件是无法看见的。

5、设置disable属性也比较简单，只需要将其作为button对象的一个属性，设置为true就可以了。

function change_style(){。

button=exist();。

button.setAttribute("class","bt");//Mozilla设置class的方法。

button.setAttribute("className","bt");//IE设置class的方法 。

/*下面的设置方法在Mozilla中有效，在IE中无效*/。

//button.class="bt";。

//button.className="bt";。

}

JS对象创建常用方式有哪些

首先说一下带参数的函数：

这个demo函数就需要传进两个参数m,n。

然而什么是带返回值的函数呢？就是将值返回到调用它的地方，用return实现返回。

要注意的是：一旦使用return，则函数停止执行，同时把值返回到调用它的地方。

这样a的值就是demo函数返回的值，“你看，直接返回了”，以及和“，返回第一次”的字符串拼接。

扩展资料：

带返回值的函数一般都会把一个函数的最终结果传递出去，比如下面就是一个加法器。

这样我们就可以只用add(m,n)这个函数来运行加法，而不需要知道里面是什么情况。

原文地址：http://www.qianchusai.com/js%E5%88%9B%E5%BB%BA%E5%87%BD%E6%95%B0%E7%9A%84%E6%96%B9%E5%BC%8F.html