javascript核心篇 - 函式 partI

//函式結構
function afunction(param){
    var localVariable = '區域變數'
    console.log(this, localVariable)

    return '收到了' + param; //將接收的參數回傳出去
}

//表達式 data會接收到來自afunction的return
var data = afunction('外部參數');

console.log(data);
//函式的結果: this為window(全域) localVariable為'區域變數'(不變)  回傳:收到了外部參數

//有名稱
function functionA(){
    //some code...
    console.log('陳述式')
    console.log(functionA)
}
//呼叫
functionA();

//有名稱
var functionB = function(){
    //some code...
    console.log('表達式')
    console.log(functionB)
}
//呼叫
functionB();
//anotherFunction是一個變數，它接收的是後面所接函式的參考路徑

var functionC = function functionD(){
    //some code...
    console.log(functionC, functionD)
    //具名函式能夠在函式內被調用
}
functionC()

var d = function(){
    return 'cde';
}

//具名
(function IIFE(){
    console.log('do something')
}());

IIFE(); //IIFE is not defined

//匿名
(function (){
    console.log('do something')
}());

//後方的小括號也可以被移到外面
(function (){
    console.log('do something')
})();

(function(){
    var ming = '小明'
    console.log(ming)
})()

console.log(ming) //ming is not defined

var position = (function(where){
    console.log(where)
    return where; //回傳
})('小明在這')

console.log(position) //小明在這
//小明在這

var a = {};

(function(b){
    b.person = '小花'
})(a);
//立即函式的寫法不同於一般函式，若是沒有在結尾加上分號，就會無法被編譯
(function(c){
    console.log(c.person)
})(a)


console.log(a) //a {person:'小花'}
//a b c皆為同一物件

//將全域(window物件)傳入函式, 新增一個全域屬性為person
(function(global){
    global.person = '小花'
})(window);

(function(c){
    console.log(person)
})()


console.log(person) //小花