手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS两种定义方式的区别、内部原理
JS两种定义方式的区别、内部原理
摘要:相信两种方式大家都用过,但未必所有人都知道其区别,内部原理。复制代码代码如下://方式1functionfunc1(x,y){//yourc...

相信两种方式大家都用过,但未必所有人都知道其 区别,内部原理。

复制代码 代码如下:

// 方式1

function func1(x,y){

// your code

}

// 方式2

var func2 = function(x,y){

// your code

}

方式1 是典型的函数声明(Function declarations)。

方式2 是函数表达式(Function expressions),将一个匿名函数赋值给一个变量。或者说方式2中创建了一个具有形参为x,y的匿名函数,然后把该匿名函数赋值给变量func2。

其主要区别在于:

1, 函数声明需显示的指定函数名,这里是func1;函数表达式则使用匿名函数

2, 方式1在代码执行之前(解释期)被加载到作用域中,方式2则需在代码执行时(运行期)加载

一个简单示例就明白了它们在使用上的区别

复制代码 代码如下:

alert(func1); // --> func1源码

alert(func2); // --> undefined

// 方式1

function func1(x,y){

// your code

}

// 方式2

var func2 = function(x,y){

// your code

}

可以看到,第一次弹出的是func1的源码,第二次却是undefined。即采用方式1(函数声明)定义函数,可以在该函数代码之上使用它,采用方式2(函数表达式)定义函数则不能在其定义前使用,只能在其定义后使用。

其内部涉及到 执行上下文(Execution context)及 激活对象(Activation object)。想更深了解的请阅读EcmaScript 5文档。

最近发现越来越多的人喜欢使用方式2定义函数,尤其在嵌套函数中。如单纯的定义一个函数个人还是习惯方式1。

【JS两种定义方式的区别、内部原理】相关文章:

AngularJS数据源的多种获取方式汇总

JavaScript中的异常处理方法介绍

JavaScript实现Iterator模式实例分析

Java的不同版本:J2SE、J2EE、J2ME的区别

JavaScript中的italics()方法的使用介绍

JQuery选择器、过滤器大整理

在JavaScript中处理字符串之fontcolor()方法的使用

js中跨域方法原理详解

在JavaScript中正确引用bind方法的应用

一个特帅的展示图片的js+css

精品推荐
分类导航