js的var变量内定义function和外部function的区别及使用方法

变量在全局定义

var obj= {
    a:function(){}
}；

底下的function方法里就可以直接调用该方法

function other(){
    obj.a(); 
}

 

解释：

单独的这种定义就只是一个方法，可以在任何处调用，因为它会被提到最前

function openCamera(){}

而这种是函数表达式，函数在代码执行的到当前行的时候才被执行，a 才被赋值。

var a = function() { }; 

function a() {} 是函数的声明，和 var 一样，会被提前到代码最前面定义。

所以，下面的两个例子：

foo(); // 在函数声明之后调用 foo，可以正常调用。因为 foo 被提前到最前面定义了。
  
function foo() {
    return true;
}
       

foo(); // 在函数表达式之前调用函数，报错。因为这时候还没有 foo 这个变量。
  
var foo = function() {
    return foo;
};

 

ES5 规定，函数只能在顶级作用域和函数作用域中声明，否则是不合法的。例如：

if( true ) {
    // 非顶级和函数作用域内定义函数，是错误的，虽然可能浏览器不一定会抛出错误，但是是不规范的。
    function foo() {
        return true;      
    }
}

 

ES6 引入了块级作用域的概念，这种定义方法就被允许了。在块级作用域里面声明的函数，作用域类似于使用 let 声明的变量，在块级作用域之外没有办法被调用。例如：

{
    function foo() {
        return true;
    }
  
}
  
foo(); // 在函数声明的代码块之外调用函数，会抛出错误。