javascript 函数初探 (三)

javascript 变量的作用域:



  这是一个至关重要的问题。特别是当我们从别的语言转向javascript时,必须要明白一点,即在javascript中,变量的定义并不是以代码块作为作用域的,而是以函数作为作用域。也就是说变量是在某个函数中定义的,那么她在函数以外的地方是不可见的。而如果函数是定义在if或for这样的代买块中,那么她随处可见。

  全局变量:是定义在所有函数只外的变量。相反局部变量则是定义在某个函数中。其中,函数内的代码可以像访问自己的局部变量一样访问全局变量,反之则不可以。

var num = 1;
function her(){
    var count = 2;
    num++;
    return num;
}

her(); // 2
her(); // 3
count // count is not defined

这里还有一点非常重要,如果我们声明变量时没有使用var语句,该变量就会默认为全局变量:

function her(){
    num = 1;
}
num; // undefined
her();
num; // 1

看看发生了什么:在函数被调用之前num是不存在的,该变量num在函数首次被调用的时候创建,并被赋予全局作用域,这会使得我们在函数之外的任何地方去访问它。

注:最好总是使用var语句来声明变量。

  可以考虑使用单一‘var模式‘例:

var a, b=1, c=true, d;

这样一来,我们可以在很大程度上减少污染全局变量。\(^o^)/YES!

函数也是数据:



  在javascript中,函数其实也是一种数据。也就是说我们可以把函数赋给一个变量。

var her = function(){
    return ‘Hello‘
}

这种定义方式通常被叫做‘函数标识记法’。

上面是一个函数表达式。函数表达式可以被命名,称为命名函数表达式:

var f = function her(){
    return ‘Hello‘
}

这种方式也是合法的,但我们常常不会用到。(在这里her是函数的名字,而不是变量。IE会错误的创建f, her两个变量)。

这样看起来,命名函数表达式和函数声明并没有神马区别。但她们其实是不同的。两者的差别表现于她们所在的上下文。函数声明只会出现在程序代码里(在一个函数的函数体内,或在程序主体中)。

// 函数声明
function her1(){
    return ‘1‘;
}

// 命名函数表达式
var f = her()2{
   return ‘1‘;
}

alert(typeof her1) // function
alert(typeof her2) // function

所以,javascript中的函数也是一种数据类型,只不过她有两种特性:

1. 她们所包含的是代码。

2. 她们是可执行的(可调用的)。

如何向变量那样使用函数?

var her = function(a, b){
    return a + b;
}
var beauty = her;
alert(typeof beauty); // function
beauty(1, 2); // 3

所以函数的命名规则与变量的命名规则是一样的。<( ̄︶ ̄)>~~~~~~

匿名函数:



我们可以这样定义一个函数:

var f = function her(a){
    return a;
}

通过这种方式定义的函数常被称为匿名函数(即没有名字的函数),特别是当她不被赋值给变量单独使用的时候。在这种情况下,她有两种优雅的用法:

1. 您可以将匿名函数作为参数传递给其它函数,这样,接受方函数就能利用我们所传递的函数来完成某件事情。

2. 您可以定义某个匿名函数来执行某些一次性任务。

下一回我们详细探讨一下匿名函数的用法 <( ̄︶ ̄)>~~~~~~

时间: 2024-10-10 12:58:02

javascript 函数初探 (三)的相关文章

javascript 函数初探 (一)

神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = a + b; return c; } 一般来说,函数声明通常由一下以下几部分组成: 1. 关键词 function: 2. 函数名称,即这里的sum; 3. 函数所需的参数,即这里的a, b.一个函数通常具有0个或多个参数.参数之间用逗号分隔. 4. 函数所要执行的代码块,我们称之为函数体. 5.

javascript 函数初探 (五)--- 几种类型的函数

即时函数: 目前我们已经讨论了匿名函数在回调时的应用.接下来,我们来看看匿名函数的另一种应用实例 --- javascript即时函数: 比如: ( function(){ alert('her'); } )() 虽然这种语法看上去有点吓人,但其实非常的简单 --- 我们只需将匿名函数的定义放进一对括号中,然后外面再紧跟一对括号即可. 其中第二对括号起到了 ‘立即调用’ 的作用,同时她也是我们向匿名函数传递参数的地方. ( function(a){ alert( 'her is' + a + '

javascript 函数初探 (四)--- 回调函数

回调函数 既然函数与任何被赋值给变量的数据是相同的,那么她当然可以像其他数据那样被定义.删除.拷贝,以及当成参数传递给其它函数. 我们定义一个函数,这个函数有两个函数类型的参数,然后他会分别执行这两个参数所执行的函数. function her(){ return a() + b(); } function one(){ return 1; } fucntion two(){ return 2; } her(one, two) // 3 实际上,我们也可以直接用匿名函数(即函数表达式)来替代on

javascript 函数初探 (二)

javascript的预定义函数: javascript引擎中有一组可以随时调用的内建函数. 这些内建函数包括: 1. parseInt() 2. parseFloat() 3. isNaN() 4. isFinite() 5. encodeURI() 6. decodeURI() 7. encodeURIComponent() 8. decodeURIComponent() 9. eval() =================>>>>> 黑盒函数 一般来说,当我们调用一个

JavaScript函数(三)

一.带返回值的函数 1.返回值:有时,我们需要将函数的值返回给调用它的地方.通过return语句实现.注意:在使用return语句时,函数会停止执行,同时返回值. <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body>

javascript 函数初探 (六)--- 闭包初探#1

首先我们来看一个函数: var a = 'global variable'; var F = function(){ var b = 'local variable'; var N = function(){ var c = 'inner local'; return b } return N; } cosole.log(b) // b:is not defind; 函数F中包含了局部变量b,因此b在全局空间里是不可见得. 函数N有自己的私有空间,同时也可以访问F()和全局空间,所以变量b对她来

javascript函数篇三、函数声明提升

变量提升想必大家都比较熟悉了,那么什么是函数声明提升呢?首先我们来了解下常用的两种函数定义方式: 1. 函数声明 2. 函数表达式 下面来看下两种方式定义函数.函数声明语法定义函数 function fn (n) { return n * 2 } 函数表达式定义函数 var fn = function (n) { return n * 2 } *那么两种方式定义函数有什么区别呢?***对于函数声明与函数表达式两种定义函数的方式,解析器会率先读取函数声明,并使其在执行任何代码之前可用,*这个过程叫

Javascript中的函数(三)

一:概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法:function func1(…){…}var func2=function(…){…};var func3=function func4(…){…};var func5=new Function(

函数原型属性-JavaScript深入浅出(三)

前两次总结了JavaScript中的基本数据类型(值类型<引用类型>,引用类型<复杂值>)以及他们在内存中的存储,对内存空间有了一个简单的了解,以及第二次总结了this深入浅出的用法,我们知道了this的用法取决于函数四种调用的方式. 这一次我们来对JavaScript中原型以及原型链做一个深入浅出的理解. JavaScript深入浅出系列 1)复杂值vs原始值&&内存空间 - JavaScript深入浅出(一) 2)this的用法 – JavaScript深入浅出