javascript笔记:深入理解javascript的function
2011-09-16 23:58
501 查看
Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念。
一、我的第一个javascript代码
界面加载时候就会弹出写有“Hello World!”的对话框。我对function的第一印象就和java里面方法没啥区别了。但是当我看到这样的代码我就晕乎乎了。
二、javascript里面定义函数的方法
1. 函数声明
2. 函数表达式
3. 使用Function构造函数
以上三种都可以定义一个函数目的。大多数javascript书籍里面不推荐使用第三种,原因第三种存在严重的性能问题,这种定义会解析两次代码,第一次是常规的解析这条语句,第二次要把函数里的字符串解析成实际的函数,但是它却传达了javascript的函数其实是对象(object),而函数名是指向对象的指针。
因此我觉得理解函数function的关键把它当作对象object。Javascript对象存储的方式:
Javascript数据是存在栈内存(stack)和堆内存(heap),堆内存存储javascript对象的具体内容,而栈内存存储对象的地址,下面的代码:
ftn存储在栈内存,function(){alert(‘hi’)};存储在堆内存里面,ftn的记录的是function(){alert(‘hi’)};在堆内存的地址。因此下面的代码:
弹出框显示的是function的全部定义。如果代码如下:
ftn()//hi
结果就是hi了。(一般执行函数,可以在函数名后面加上括号,传入需要传入的参数)。
三、javascript里面没有函数重载
后面定义的方法会覆盖前面的方法,如果我们理解了“javascript的函数其实是对象(object),而函数名是指向对象的指针”,这个就很好理解了,上面的写法可以改写为:
四、函数声明和函数表达式的区别
两个的定义见本文的条目二。对于这两种方式的区别我在上一篇文章里做过测试,我觉得我的猜测还是很有道理,不过这里我还是要提供一些权威的说法:
1. 函数声明(function ftn(){}):代码执行之前,解析器就已经读取函数声明并将其添加到执行环境中,因此如下代码运行正常:
2.(代码如下)函数表达式(var ftn = function(){}):这个会产生运行错误,原因在于函数位于一个初始化语句中,而不是一个函数声明,换句话说,在执行到函数所在语句之前,变量sayHello不会保存对函数引用。
五、函数可以当做值使用
函数名是变量,所以函数可以当作值来用,因此我开头写的那个代码就可以理解了,那是把函数作为返回值。用过jQuery的人都会知道:$(document).ready(function(){}),这就是典型的把函数当作参数使用了。
一、我的第一个javascript代码
function test() { alert('Hello World!'); } window.onload = test();//Hello World!
界面加载时候就会弹出写有“Hello World!”的对话框。我对function的第一印象就和java里面方法没啥区别了。但是当我看到这样的代码我就晕乎乎了。
function test(num) { return function() { if (num > 0) { return '正数'; }else if (num < 0) { return '负数'; }else{ return '零'; } } } window.onload = alert(test(11)());//零
二、javascript里面定义函数的方法
1. 函数声明
function sum(a,b) { return a+b; } alert(sum(10,20));//30
2. 函数表达式
var sum = function(a,b) { return a+b; }; alert(sum(10,20));//30
3. 使用Function构造函数
var sum = new Function("a","b","return a+b"); alert(sum(10,20));//30
以上三种都可以定义一个函数目的。大多数javascript书籍里面不推荐使用第三种,原因第三种存在严重的性能问题,这种定义会解析两次代码,第一次是常规的解析这条语句,第二次要把函数里的字符串解析成实际的函数,但是它却传达了javascript的函数其实是对象(object),而函数名是指向对象的指针。
因此我觉得理解函数function的关键把它当作对象object。Javascript对象存储的方式:
Javascript数据是存在栈内存(stack)和堆内存(heap),堆内存存储javascript对象的具体内容,而栈内存存储对象的地址,下面的代码:
var ftn = function(){alert(‘hi’)};
ftn存储在栈内存,function(){alert(‘hi’)};存储在堆内存里面,ftn的记录的是function(){alert(‘hi’)};在堆内存的地址。因此下面的代码:
alert(ftn);//var ftn = function(){alert(‘hi’)};
弹出框显示的是function的全部定义。如果代码如下:
ftn()//hi
结果就是hi了。(一般执行函数,可以在函数名后面加上括号,传入需要传入的参数)。
三、javascript里面没有函数重载
function sum(num) { return num+10; } function sum(num) { return num+30; } alert(sum(10));//40
后面定义的方法会覆盖前面的方法,如果我们理解了“javascript的函数其实是对象(object),而函数名是指向对象的指针”,这个就很好理解了,上面的写法可以改写为:
var sum = function(num) { return num+10; } sum = function(num) { return num+30; } alert(sum(10));//40
四、函数声明和函数表达式的区别
两个的定义见本文的条目二。对于这两种方式的区别我在上一篇文章里做过测试,我觉得我的猜测还是很有道理,不过这里我还是要提供一些权威的说法:
1. 函数声明(function ftn(){}):代码执行之前,解析器就已经读取函数声明并将其添加到执行环境中,因此如下代码运行正常:
sayHello(); function sayHello() { alert('Hello'); }
2.(代码如下)函数表达式(var ftn = function(){}):这个会产生运行错误,原因在于函数位于一个初始化语句中,而不是一个函数声明,换句话说,在执行到函数所在语句之前,变量sayHello不会保存对函数引用。
sayHello(); var sayHello = function () { alert('Hello'); }
五、函数可以当做值使用
函数名是变量,所以函数可以当作值来用,因此我开头写的那个代码就可以理解了,那是把函数作为返回值。用过jQuery的人都会知道:$(document).ready(function(){}),这就是典型的把函数当作参数使用了。
相关文章推荐
- javascript笔记:深入理解javascript的function
- 深入理解JavaScript系列(50):Function模式(下篇)
- (转 Uncle Tom )深入理解javascript(1)学习笔记
- javascript笔记:通过对作用域链和执行环境的深入理解所得出的提高javascript代码性能的建议
- 深入理解javascript中的立即执行函数(function(){…})()
- JavaScript 函数声明,函数表达式,匿名函数的区别,深入理解立即执行函数(function(){…})()
- <深入理解JavaScript>学习笔记(5)_强大的原型和原型链
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解JavaScript系列(49):Function模式(上篇)
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解javascript中的立即执行函数(function(){…})()
- <深入理解JavaScript>学习笔记(3)_全面解析Module模式
- 深入理解JavaScript系列(49):Function模式(上篇)
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解JavaScript系列(50):Function模式(下篇)
- 深入理解Javascript的Object与Function的关系
- 深入理解javascript中的立即执行函数(function(){…})()
- 深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域