首页 > 代码库 > javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)

javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)

  平时再用js写函数的时候,一般都是以惯例 function fn () {} 的方式来声明一个函数,在阅读一些优秀插件的时候又不免见到 var fn = function () {} 这种函数的创建,究竟他们用起来有什么区别呢,今天就本着打破砂锅问到底的精神,好好来说说这个让人神魂颠倒的--函数声明。


 函数声明

   函数声明示例代码

function fn () {    console.log(‘fn 函数执行..‘);    // code..}

  这样我们就声明了一个名称为fn的函数,这里出个思考,你认为在这个函数的上面来调用他的话会执行吗?还是会报错?

fn(); // 在之前调用我们声明的fn函数    function fn () {    console.log(‘fn 函数执行..‘);    // code..}

  控制台输出结果:

  是的,此时fn函数是可以被调用到的,这里来总结下原因。

1:此时fn函数是变量的结果,默认存储在全局上下文的变量中(可用 window.函数名 来验证)

2:此方式为函数声明,在进入全局上下文阶段创建,代码执行阶段,它们已经可用。ps:javaScript在每次进入方法时都会先初始化上下文环境(由全局 → 局部)

3:它可以影响变量对象

javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)