## 前言 也許你已經覺得你會用function了，但是有些也許你還不知道，比如js類功能。 ## 特點 * js函數是特殊的對象類型，可以當做對象的構造器，支持參數構造對象 * js類具有很好的繼承性，可以實現數據模型的復用 ## js類 * js類 語法 ： ~~~ function aninmal(name){ this.name=name; this.play=function(){ console.log("i can play!") } } ~~~ * 類this指向：call或者apply 繼承 ~~~ //例如 dog 繼承animal 類 function dog (name,smell){ this.smell=smell; animal.call(this,name); // animal.apply(this,[name]); } ~~~ * js臨時屬性值繼承 ~~~ function dog (name,smell){ this.smell=smell; this.temp=animal; this.temp(name); delete this.temp; } ~~~ * js原型鏈繼承 ~~~ function dog (name,smell){ this.smell=smell; } dog.prototype=new animal(4); ~~~ ## es6拓展 * 函數參數默認值 任何帶有默認值的參數都被認為是可選參數，不帶默認值的稱為必填參數。 ~~~ function Point(x=0,y=0){ this.x=x; this.y=y; } var po=new Point();//默認0，0 function missPara(){ console.log("少傳遞參數錯誤")； } function demo(data=missPara){ return data; }//有參數 返回參數 沒參數返回少參 ~~~ * rest參數，用于獲取參數的多余部分 ~~~ rest之后不能再有其他參數 function add(a,...val){ let sum=0; sum+=a; for(var v of val){ sum+=v; } return sum; } add(56,5654,4564,1,4564,-345);//運算得到最終的結果 ~~~ * 拓展運算符 講一個數組轉為逗號分隔的參數序列，主要用于函數調用,親測可用 ~~~ var numbers=[2,56]; add(...numbers)//58 ~~~ * 箭頭函數 es6中允許用箭頭函數進行簡化語法,親測可用 ~~~ var demo=(num1,num2)=>5675; var demo=(num1,num2)=>num1*num2 var demo=(num1,num2)=>{return num1*num2+num2} var demoo=()=>({id:111}) ~~~