多參和

function fn(a,b,c,d){
  console.log(a+b+c+d);
}
console.log(1,1); // NaN
console.log(1,1,1,1); // 4
console.log(1,1,1,1,1,1); // 4

參數設置默認值

function fn(name,age){
  name = name || "karen";
}
function fn2(name = "karen", age = 18)
function fn3(name,age){
  if(name = undefined){
    name = "karen";
  }
}

回調函數

• 將函數作為參數調用

function tool(a,cb){
  a++;
  return cb(a);
}
var a = function tool(10,function fm(num){
  return num;
})
console.log(a);

變量作用域

var a=10;
function fn(){
  console.log(a);
  var a= 20;
}
fn(); // undefined

var a = 10;
var a = 20;
console.log(a); //20

• 不要有重復的變量名(不和前面的代碼有一樣的標識符)

//var a,a;
console.log(a); // undefined
var a = 10;
console.log(a); // 10
var a = 20;
console.log(a); // 20 

• 不能和關鍵字一樣（系統提供的有特殊功能的單詞）
• for循環內部不要聲明函數(javascript bug)

var b = 30;
function fn(){
// var b ;
  console.log(b); // undefined
  for(var i=10;i<13;i++){
      var b = 10;
   }
console.log(b); // 10
}
fn();

函數的閉包(函數返回內部的函數)

• 函數內部的函數被return

function fm(){
  var a = 30;
  function fn(){
    return a;
  }
  return fn; // 返回fn函數的閉包
}
console.log(fm()());

• 有參數的閉包函數

for循環

• 當for循環結束時會執行一次第三條語句

var array=[];
var a = 0;
function fn(){
   for(var i = 0; i<30;i++){
   if(i<3){
     function fm(){ alert(i) }
     array.push(fm)
     } 
  }
}
fn();
array[0](); //彈窗30 
array[1](); //彈窗30
array[2](); //彈窗30

思考

function fn(){
// var a;
// var b;
        console.log(a); //undefined
        console.log(b); //undefined
        console.log(c); // c沒有定義，報錯
        var a=20; //有var后不會在外部空間隱式聲明
        var b=c; // c沒有開辟空間
      }
      fn();
      console.log(a);
      console.log(b);
      console.log(c);

// var a;
// var b;
// var c;
function fn(){
        a=b=c=20;
        console.log(a); //20
        console.log(b); //20
        console.log(c); //20
      }
      fn();
      console.log(a); //20
      console.log(b); //20
      console.log(c); //20