Day 5 - Object & Function

函式（Function）

function 是物件的一种，查看 function 的资料型态时结果会显示 object。
定义一个函式包含三个部份，依次为：

函式的名称。
在括号 ( ) 中放入参数，有很多个参数时会用逗号隔开。
在大括号 { } 中，放入定义函式功能的 JavaScript 程序码。
而定义函式之後并不会马上执行，要透过呼叫函式来执行。
例如：

无参数的 function

// 定义函式
function sayHi(){
    console.log("Hi!");
}
// 呼叫函式
sayHi(); // Hi!

有参数的 function

// 定义函式
function sayHi(name){
    console.log("Hi!" + name);
}
// 呼叫函式
sayHi("Lily"); // Hi!Lily

return

如果函式有回传值，要用 return 回传结果，且要用一个变数把回传的内容接住来储存，否则会出现 undefined。
（当然如果函示没有回传值时，就不需要使用 return）
例如：

function count(a, b){
  console.log(a + b);
}
count(3,5); // 8
console.log(count(3,5)); // undefined

console.log(count(3, 5)) 会出现 undefined 的结果，是因为在 function 里面只是使用 console.log 把值印出来，并没有用 return，所以没有回传值。
改善的方式如下：

function count(a, b){
  return(a + b);
}
let add = count(3,5);
console.log(add); // 8

许多 function 都有 return value，例如 prompt() , push()...等

let friends=["John","May","Mike"];
let returnWord = friends.push("Mary");
console.log(returnWord); // 4

push() return 的东西是新的阵列长度，所以上面的程序码回传 4

return 也可以用来中断函式执行
当函式执行到 return 时，就会终止这个函式後续的动作，执行到 return 即停止。

补充：

Default Parameter 预设值
假如在 function 中应填入两个参数，但我们却只有填一个时，如果对他们做计算会得到 NaN 的结果，例如：

function count(a, b){
    console.log(a * b);
}
count(5) // NaN

这时候可以在括号中放入预设值避免这种情况发生

function count(a = 1, b = 3){
    console.log(a * b);
}
count(5) // 15
// 因为只填了 1 个参数，第 2 个参数预设值为 3，所以结果为 5 * 3 = 15 
count(3,6) // 18

IIFE 立即函式
当有大量程序码时不用一一想变数名称来呼叫函式，只要把函式包在括号里就可以立即执行

(function sayHi(){
    console.log("Hi")
})()

// Hi

如果要放参数的话直接在括号里放入即可

(function sayHi(name){
    console.log("Hi "+name)
})("Mary");

// Hi Mary

物件（Object）

物件 (object) 是一个复合资料型态 (composite data type)，用 {} 装资料，物件包含属性（property）和方法（methods），物件的属性值如果是一个函式，我们称它是物件的方法 (method)。

物件宣告的方式

Object Constructor

let obj = new Object();

Object Literal

let obj = {};

取得物件属性的方法

[]
.（dot notation）

例如：

//property
let Jay = {
    name : "Jay",
    age:30
};
console.log(Jay.age); // 30
console.log(Jay["age"]) // 30

执行物件里的方法（可以定义一个物件可以做的动作）

//property
let Jay = {
    name : "Jay",
    age:30,
//method
    walk(){
        console.log("Jay is walking on the street.");
    },
    say(word){
        console.log("Jay says " + word)
    }
};
Jay.walk(); // Jay is walking on the street.
Jay.say("Hello!"); // Jay says Hello!

在物件里新增资料

可以用 . 赋值，也可以用 [] 赋值

let home={};
home["motherName"] = "Mary";
home["fatherName"] = "John";
home.dogs = 1;
home.children = 3;
console.log(home) // {motherName:"Mary",fatherName:"John",dogs:1,children:3}

修改物件

let home={
	motherName:"Mary",
	fatherName:"John",
	dogs:1,
	children:3
};
home.motherName = "Janet"; // 重新赋予值
home.dogs += 2; //也等於 home.dogs=home.dogs+2
console.log(home); // {motherName:"Janet",fatherName:"John",dogs:3,children:3}

删除物件

let home={
	motherName:"Mary",
	fatherName:"John",
	dogs:1,
	children:3
};
delete home.dogs;
console.log(home) // {motherName:"Janet",fatherName:"John",children:3}
delete home.motherName;
console.log(home) // {fatherName:"John",children:3}
console.log(home.motherName) // undefined (已经删除了找不到资料)

补充：
JavaScript 内建的物件有 Number, Math, Date, String, Array, RegExp...等，且每个都有自己的属性与方法。