天天看點

javascript 函數定義方式總結 函數的調用方式總結

函數的定義方式總結

  1. 方式一:函數聲明方式 function 關鍵字 (命名函數);
  1. 方式二:函數表達式 (匿名函數);
  1. 方式三:new Function(‘參數1’,‘參數2’,‘函數體’),參數和函數體一定要使用字元串包裹 ;

    在開發過程中我們使用前兩種方式比較多,方式三書寫繁瑣,指向效率較低,使用頻率較少;

    函數也是屬于對象;

var f = new Function('a', 'b', 'console.log(a + b)');
f(1, 2);

var fn = new Function('參數1','參數2'..., '函數體')
注意
/*Function 裡面參數都必須是字元串格式
第三種方式執行效率低,也不友善書寫,是以較少使用
所有函數都是 Function 的執行個體(對象)  
函數也屬于對象
*/
           

函數的調用方式總結

  1. 普通函數的調用
//普通函數的調用
function fn() {
	console.log(' 普通函數的調用');
}
 fn(); 
           
  1. 對象中的函數調用
//對象的方法
var o = {
  sayHi: function() {
  	console.log('對象中的函數調用');
  }
}
o.sayHi();
           
  1. 構造函數的調用
//構造函數
function Star() {};
new Star();
           
  1. DOM元素綁定事件調用函數
//綁定事件函數
 btn.onclick = function() {};   // 點選了按鈕就可以調用這個函數
           
  1. 定時器中調用函數
//定時器函數
setInterval(function() {}, 1000);  //這個函數是定時器自動1秒鐘調用一次
           
  1. 立即執行函數
//立即執行函數(自調用函數)
(function() {
	console.log('立即執行函數(自調用函數)');
})();
           

繼續閱讀