浅谈JavaScript函数
JavaScript作为一种基于对象（非严格面向对象）的语言，函数在JS中的地位非同一般：用函数声明类和对象。甚至函数本身也是对象。
一、函数的三种声明方式辨析。
1.function命令
function printAbc(){
console.log('ABC');
}
2.函数表达式（变量赋值形式）
var printAbc = function (){
console.log('ABC');
};
注意：1、使用函数表达式形式时务必要有分号。
2、此时function后函数名可有可无，且只在函数内部有效
var fname = function abc(){
console.log(abc.name); /* xxx.name 方法非ECMAScript标准 */
}
fname(); //abc
abc(); //ReferenceError: abc is not defined
这种写法的用处有两个，一是可以在函数体内部调用自身，二是方便除错（除错工具显示函数调用栈时，将显示函数名，而不再显示这里是一个匿名函数）。
3.使用Function构造函数
JS中一切都是对象，声明函数也可以看作构造函数对象。
var f = new Function("a","b","return a+b");
f(1,2); //3
第1到第N-1个参数是函数参数，第N个参数是函数体。
有些人认为，这种定义方式只有傻逼才会用，因为除了奇葩以外别无好处，但是其实真的是有用的- -。
实现一个在线运行和编辑JS代码的程序：
<html>
<head>
<title>JS Run Online</title>
<script type="text/javascript">
function btnOnclick(){
var getDiv = document.getElementById("TextArea");
var text = getDiv.value;
var f = new Function(text);
f();
}
</script>
</head>
<body>
<div align="center">
<textarea id="TextArea" cols="30" rows="10"></textarea>
<input type="button" value="Run" onclick="btnOnclick()">
</div>
</body>
</html>
这段程序功能看起来简单，但是如果用静态语言将是很难实现的，Function构造函数正是JavaScript是动态语言的有力证明——可以在运行过程中让程序修改程序本身，而动态语言的核心就是：所有参数，包括函数体，都视作字符串。（个人理解，不妥望指正）。
二、函数名的提升。
JS中，使用function命令声明函数是，该声明会被提到代码头部，如：
f();
function f() {};
以上代码并不报错，因为function f() {};被提到了代码头部。
但是，如果采用函数表达式，就是另外一种情况了：
f();
var f = function () {};
// TypeError: undefined is not a function
因为以上代码等同于：
var f;
f();
f = function () {};
当调用f的时候，f只是被声明，还没有被赋值，等于undefined，所以会报错。因此，如果同时采用function命令和赋值语句声明同一个函数，最后总是采用赋值语句的定义。
var f = function (){
console.log('1');
};
function f() {
console.log('2');
}
f();//1
因此，
1、函数若重复声明，则视作只声明了一次，以最后一次声明为准。
2、不能在条件语句中声明函数。
现实情况下，由于浏览器的容错性，条件语句中使用function命令不会报错，但是由于函数名提升，条件语句本身就会无意义：
if (0){
function f() { console.log('1'); }
}
f();//1
3、若确实需要用条件语句生成函数，只可采用函数表达式。
if (xxx){
var f = function (){xxx;};
};
三、函数的参数。
1、length属性。
函数定义时参数的个数。
function f (a,b) {}
console.log(f.length); //2
2、参数的省略。
函数从前向后取用参数，若多余，则后面忽略，若不足，则后面补undefined。若欲省略前面的参数，则应该主动显式传入undefined。
function f(a,b){
return a;
}
f(,1) // error
f(undefined,1) // undefined3、默认值。
可以通过以下方式设置参数默认值：
function f(a){
a = a || 1;
return a;
}
f('') // 1
f(0) // 1缺点是：a不能为0或空字符串，否则函数即使有参数也会使用默认值。
4、函数参数的传递方式。
JS的参数传递方式是值传递，这意味着函数体内修改参数值不会影响到外部：
var a = 1;
function f (a){
a = 2;
}
f(a);
console.log(a); //1
值得注意的是，对于符合类型的数据，属性值得传递是地址传递：
var o = {a:1};
function f(o){
o.a = 2;
}
f(o);
console.log(o.a); //2
var a = [6,7,8];
function f(a){
a[0] = 0;
a[1] = 1;
a[2] = 2;
}
f(a);
console.log(a[0],a[1],a[2]); // 0 1 2
利用这个特性，当我么需要对某个变量采用地址传递时，可以将它写成全局对象的一个属性：
var a = 1;
function f(a){
window.a = 2;
}
f(a);
console.log(a); //2
4、arguments对象
//未完待续
浅谈JavaScript函数的更多相关文章
- 浅谈javascript函数节流
浅谈javascript函数节流 什么是函数节流? 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等 ...
- [转载]浅谈JavaScript函数重载
原文地址:浅谈JavaScript函数重载 作者:ChessZhang 上个星期四下午,接到了网易的视频面试(前端实习生第二轮技术面试).面了一个多小时,自我感觉面试得很糟糕的,因为问到的很多问题都 ...
- [转]浅谈javascript函数劫持
转自:Ph4nt0m Security Team 这么多年了,现在学习依然还是有很多收货,向前辈致敬.转载一方面是自己存档一份,另一方面是让更多喜欢安全的人一同学习. ================ ...
- 浅谈JavaScript 函数作用域当中的“提升”现象
在JavaScript当中,定义变量通过var操作符+变量名.但是不加 var 操作符,直接赋值也是可以的. 例如 : message = "hello JavaScript ! " ...
- 浅谈javascript函数，变量声明及作用域
javascript函数跟变量的声明.作用域这些概念网上都已经讲烂了. 这里写个博客,也相当于做个笔记. 变量声明 首先看个例子: var globalVar = "gv"; fu ...
- 浅谈javascript函数执行过程
javascript函数执行过程: 1. 为函数创建一个执行环境 2. 复制函数的 [[scopes]] 属性中的对象构建起执行环境的作用链域 3. 创建函数活动对象并推入执行环境作用链域的前端 4. ...
- 浅谈JavaScript函数重载
上个星期四下午,接到了网易的视频面试(前端实习生第二轮技术面试).面了一个多小时,自我感觉面试得很糟糕的,因为问到的很多问题都很难,根本回答不上来.不过那天晚上,还是很惊喜的接到了HR面电话.现在HR ...
- 浅谈JavaScript中的闭包
浅谈JavaScript中的闭包 在JavaScript中,闭包是指这样一个函数:它有权访问另一个函数作用域中的变量. 创建一个闭包的常用的方式:在一个函数内部创建另一个函数. 比如: functio ...
- 浅谈JavaScript浮点数及其运算
原文:浅谈JavaScript浮点数及其运算 JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的.浮点数的精度问题 ...
随机推荐
- （转）修改ECSHOP前后台的title中的ecshop
前台部分: 1:去掉头部TITLE部分的ECSHOP演示站 Powered by ecshop 前者在后台商店设置 - 商店标题修改 后者打开includes/lib_main.php $page_t ...
- 12XML（可扩展标记语言）
XML:eXtensible Markup Language 什么是标记语言?什么是标记? 标记(Markup):文档中任何不想被打印输出的部分(不是真正的文档内容,联想读书时做的“读书笔记”,在旁边 ...
- inno setup 多语言安装
之前的安装程序默认语言为英文,现在我们需要将它变成中文,由于InnoSetup安装包中默认没有带中文语言文件,我们需要下载一个先: 到http://www.400gb.com/u/758954/123 ...
- IOS DLNA PlatinumKit库的使用
前段时间进行了IOS DLNA的开发,使用的是PlatinumKit库.网上查了很多资料都未果,经过自己的摸索,遂将如何使用PlatinumKit进行DLNA的开发分享给大家. 1.PlatinumK ...
- 那些年，我们一起被坑的H5音频
原文地址:http://weibo.com/p/23041874d6cedd0102vkbr 不要被这么文艺的标题吓到,这里不会跟你讲述中学时期泡妞史,也不会有其它什么现实不该有而小说噼里啪啦不能 ...
- Java jdk环境搭建
java JDK的配置在我的电脑环境变量中配置: 主要的配置参数path 例:path = C:\jdk1.7.0_13\bin ; 另外一个JAVA_HOME 例:JAVA_HOME = C:\j ...
- TaskbarCreated 消息
托盘中的图片就通过注册这个消息来实现,系统和进程通过进程间通信发送这个消息,进程接收他
- 使用php实现爬虫程序 套取网站的图片实例
<?php //去采集a67 图片 网站链接 http://www.xiamov.com/list/1/p.2 你也可以采集其他网站的图片 //创建链接 dedecms--a67 //设置执行不 ...
- js打开新的窗体不被浏览器阻止
转载自js弹出新窗口而不会被浏览器阻止的方法有时候希望可以用js另开新窗口,但用window.open方法打开窗口总是被浏览器阻止, 可以用下面的方法打开新窗口而不会遭到拦截 1.新添加一个Form ...
- jQuery API中文文档
jQuery API中文文档 http://www.css88.com/jqapi-1.9/category/events/event-handler-attachment/ jQuery UI AP ...