<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JavaScript 函数" />
<meta name="description" content="JavaScript 函数" />
<title>JavaScript 函数</title>
<link href="/template/images/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/template/images/fun.js"></script>
</head>
<body>
<div id="top">
<a href="/" id="logo" title="中国站长榜"><img src="/template/images/logo.png" alt="中国站长榜"/></a>
<span>
<a href="/">首页</a>
<a href="/download">下载程序</a>
<a href="/service">服务项目</a>
<a href="/help">使用帮助</a>
<a href="http://baidusir.com" target="_blank">百度先生</a>
</span>
</div>
<b class="rt"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b><b class="r4"></b></b><div class="txt"><div class="main">
<p><a href="/">中国站长榜</a> >> <a href="/dev/">开发者</a> >> <a href="/html/dev/js/">js</a> >> JavaScript 函数</p>
</div></div><b class="rb"><b class="r4"></b><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<b class="rt"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b><b class="r4"></b></b><div class="txt"><div class="main">
<div class="left">
<link href="/template/inside/easyarticle[page]/style.css" rel="stylesheet" type="text/css" />
<div><strong>栏目列表</strong>
<a href="/html/digg/">digg</a>
<a href="/html/qy/">科技前沿</a>
<a href="/html/yunying/">运营</a>
<a href="/html/job/">招聘专栏</a>
<a href="/html/renwu/">人物前瞻</a>
<a href="/dev/">开发者</a>
<a href="/html/think/">互联网研究</a>
</div>
<h1>JavaScript 函数</h1>
<div id="artinfo">
<span>[来源：来自网络]</span>
<span>[作者：不详]</span>
<span>[日期：2007-11-09]</span>
<span>[热度：<span id="k_hit"><script type="text/javascript">posthtm('/page/article/page.asp?action=hit','k_hit','artid=27');</script></span>]</span>
</div>
<script type="text/javascript">
function t_showimg(l1){
var I1;
(l1.length>0)?I1='<img src="'+l1+'"/>':I1='';
document.write(I1);
}
</script>
<div id="artcontent"><script type="text/javascript">t_showimg('');</script><div><strong>词语翻译列表:</strong></div>
<div>function:函数（Function未翻译）<br />
declare:定义<br />
assign:指派，分配<br />
functionbody:函数体（就是函数的内容）<br />
object:对象<br />
property:属性<br />
unnamed:匿名（在这里没翻译成未命名）<br />
object oriented programming:面相对相编程<br />
class:类（比如后面的class data type我翻译成类数据类型）<br />
pointer:指针<br />
reassign:重新分配<br />
nest:嵌套<br />
feature:功能，特性<br />
local/global:局部/全局<br />
blueprint:蓝图（？）<br />
user defined:用户自定义<br />
instance:实例<br />
prototype:原型（除了标题都不翻译）<br />
internal:内部<br />
constructor:构造器<br />
duplication:</div>
<div><strong>函数：定义</strong></div>
<div>有以下这些方法可以定义一个函数。所有这些都是有效的，但是它们在后台如何实现的则有一些差别。</div>
<div><strong><em>常用的写法</em></strong></div>
<div>一般大家都用这个写法来定义一个函数：</div>
<div><strong>CODE:<br />
</strong><span class="code">functionName([parameters]){functionBody};</span></div>
<div><strong>Example D1：</strong></div>
<div><strong>CODE:</strong><br />
<span class="code">function add(a, b) <br />
{ <br />
return a+b;<br />
} <br />
alert(add(1,2)); // 结果 3</span></div>
<div>当我们这么定义函数的时候，函数内容会被编译（但不会立即执行，除非我们去调用它）。而且，也许你不知道，当这个函数创建的时候有一个同名的对象也被创建。就我们的例子来说，我们现在有一个对象叫做“add”（要更深入了解，看底下函数：对象节。）</div>
<div><strong><em>匿名函数</em></strong></div>
<div>我们也可以通过指派一个变量名给匿名函数的方式来定义它。</div>
<div><strong>Example D2</strong> </div>
<div><strong>CODE:</strong><br />
<span class="code">var add=function(a, b) <br />
{ <br />
return a+b;<br />
} <br />
alert(add(1,2)); // 结果 3</span></div>
<div>这个代码和前一个例子做了同样的事情。也许语法看起来比较奇怪，但它应该更能让你感觉到函数是一个对象，而且我们只是为这个对指派了一个名称。可以把它看做和 var myVar=[1,2,3]一样的语句。以这种方式声明的函数内容也一样会被编译。</div>
<div>当我们指派一个这样的函数的时候，我们并不一定要求必须是匿名函数。在这里，我作了和ExampleD2一样的事情，但我加了函数名“theAdd”，而且我可以通过调用函数名或者是那个变量来引用函数。</div>
<div><strong>Example D2A</strong></div>
<div><strong>CODE:</strong><br />
<span class="code">var add=function theAdd(a, b) <br />
{ <br />
return a+b;<br />
} <br />
alert(add(1,2)); // 结果 3<br />
alert(theAdd(1,2)); // 结果也是 3</span></div>
<div>使用这种方式来定义函数在面向对象编程中是很有用的，因为我们能像底下这样使一个函数成为一个对象的属性。</div>
<div><strong>CODE:</strong><br />
<span class="code">var myObject=new Object();<br />
myObject.add=function(a,b){return a+b}; <br />
// myObject 现在有一个叫做“add”的属性（或方法）<br />
// 而且我能够象下面这样使用它<br />
myObject.add(1, 2);</span></div>
<div>我们也能够通过使用运算符new来定义一个函数。这是一个最少见的定义函数的方式并且并不推荐使用这种方式除非有特殊的理由（可能的理由见下）。语法如下：</div>
<div>CODE:<br />
<span class="code">varName=new Function([param1Name, param2Name,...paramNName], functionBody);</span></div>
<div><strong>Example D3:</strong> </div>
<div><strong>CODE:</strong><br />
<span class="code">var add=new Function("a", "b", "return a+b;");<br />
alert(add(3,4)); // 结果 7</span></div>
<div>我在这里有两个参数叫做a和b，而函数体返回a和b的和。请注意new Function(...)使用了大写F，而不是小写f。 这就告诉javascript，我们将要创建一个类型是Function的对象。 还要注意到，参数名和函数体都是作为字符串而被传递。我们可以随心所欲的增加参数，javascript知道函数体会是右括号前的最后一个字符串（如果没有参数，你能够只写函数体）。你没必�
javascript经典问题解决方案
5星 · 超过95%的资源 需积分: 12 147 浏览量
2008-09-29
09:26:11
上传
评论 1
收藏 85KB RAR 举报 
javascript经典问题解决方案.rar （13个子文件） 
让iframe自适应大小.htm 10KB javascript的高级应用.htm 21KB 文本框限制输入的javascript的实现方法.htm 28KB javascript数据效验类.htm 16KB 深入认识javascript中的eval函数.htm 21KB javascript如何判断一个控件获得焦点.htm 23KB javascript字符串处理类.htm 17KB javascript里的document_all用法收集.htm 25KB 字符串拆分的问题.htm 17KB js如何控制文本框的获得焦点事件和失去焦点事件.htm 20KB JavaScript 函数.htm 47KB JavaScript 对象与数组参考大全.htm 32KB Javascript 事件.htm 18KB资源评论
sangc2012-12-20谢谢LZ,里面的东西对我这个初学者来说很实在.
cae12392013-05-29谢谢，我正好需要javascript的高级资料- bu16677973562014-01-05很好，很受用啊
