js函數那點事

nanchen2251 發布于2019-08-22 14:52 / 1135人閱讀

摘要：在種函數實際上是對象，每個函數都是類型的實例。也就是說一個函數可能會有多個名字。這就是我們平時所說的函數聲明提升。函數的內部屬性包括具體不再敘述了函數的屬性和方法函數有個屬性，和表示函數希望接收命名參數的個數。

要知道，在js中，引用類型是一種數據結構，包含5種引用類型，分別是Object,data,Array,re請輸入代碼gExp,Function。今天我們就說Function這種數據結構。

在js種函數實際上是對象，每個函數都是Function類型的實例。和其他引用類型一樣，都具有屬性和方法。

1. 函數定義有幾種方法

函數聲明語法定義

    function sum(num1,num2){
   return num1+num2;
  }

函數表達式
注意函數表達式后邊有一個分號；

   var sum=function(num1,num2){
      return num1+num2;
}

使用Function 構造函數

使用構造函數可以接收任意數量的參數，但最后一個參數始終被看成是函數體，而前面的參數則枚舉出了參數

var sum=new Function("num1","num2","return num1+num2")

當然第三種方法不友好，也不推薦。

函數名僅僅是指向函數的指針，所以函數名與包含對象指針的其他變量沒有什么不同。也就是說一個函數可能會有多個名字。

在這里函數聲明和函數表達式有什么區別呢？
解析器在向執行環境中加載數據的時候，對函數聲明和函數表達式是不一樣的。解析器首先會讀取函數聲明，并且使得這段函數聲明代碼在任何代碼之前都可調用。這就是我們平時所說的函數聲明提升。函數表達式不一樣，他必須等到函數解析器執行到他所在的代碼塊的時候，才會被真正的執行。比較下面2個例子

console.log(sum(10,10));

function sum(n1,n2){
   return n1+n2;
}

以上代碼會正常執行

再看！

console.log(sum(10,10));

var sum=function(n1,n2){
   return n1+n2;
}

以上執行器就會報錯！

2.函數沒有重載

如果聲明了2個同名函數，結果是后面的函數覆蓋了前面的函數。

function sun(a){
  return a+100;
}
function sun(a){
  return a+200;
}

var result=sum(2)//202

3.函數的內部屬性

包括this,arguments

具體不再敘述了

4.函數的屬性和方法

函數有2個屬性，length和prototype

length表示函數希望接收命名參數的個數。

function a(name){
 //todo
}
function b(name,age){
 //todo
}
function c(){
 //todo
}

a.length //1
b.length //2
c.length //0

prototype屬性對于引用類型來說很重要，會有專門講解，此處不再這贅述。

每個函數都包含2個非繼承的方法 apply,call

這兩個方法的用途都是在特定的作用域中調用函數，其實就是設置函數體內的this指代的值。

首先。apply()方法接收2個參數，一個是函數運行的作用域，另一個是參數數組，第二個參數可以是數組的實例，也可以是arguments.

function sum(num1,num2){
   return num1+num2;
}

function test1(a,b){
    return sum.apply(this,arguments);
}

function test2(c,d){
    return sum.apply(this.[c,d]);
}

console.log(test1(1,1)) //2

console.log(test2(1,1)) //2

call方法和apply方法沒有多大的區別。區別就是call方法的第二個參數必須得傳遞的參數一個個列舉出來。

使用call和apply來擴充作用域最大的好處就是對象不和任何方法耦合

云服務器 GPU云服務器理那點 js里函數沒有函數體 js函數! js 函數名=

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92952.html

關于性能優化的那點事——函數防抖

摘要：函數防抖場景假設網站有個搜索框用戶輸入文本我們會自動聯想匹配出一些結果供用戶選擇我們可能首先想到的做法就是監聽事件然后異步查詢結果但是如果用戶快速的輸入了一串字符假設是個字符那么就會在瞬間觸發次請求這無疑不是我們想要的我們想要的是用戶停止輸函數防抖場景假設網站有個搜索框, 用戶輸入文本我們會自動聯想匹配出一些結果供用戶選擇,我們可能首先想到的做法就是監聽keypress事件, 然...

Stardustsky 2019-08-21 14:21 評論0 收藏0
關于性能優化的那點事——函數節流

摘要：函數節流背景中的函數大多數情況下都是由用戶主動調用觸發的除非是函數本身的實現不合理否則一般不會遇到跟性能相關的問題但在少數情況下函數的觸發不是由用戶直接控制的在這些場景下函數可能被非常頻繁調用而造成大的性能問題場景事件事件滾動事件共同的特征函數節流背景 javascript中的函數大多數情況下都是由用戶主動調用觸發的, 除非是函數本身的實現不合理, 否則一般不會遇到跟性能相關的問題...

khlbat 2019-08-20 10:31 評論0 收藏0
promise、async和await之執行順序的那點事

摘要：是這樣描述的函數中可能會有表達式，這會使函數暫停執行，等待表達式中的解析完成后繼續執行函數并返回解決結果。返回值返回對象的處理結果。當執行到時，這個任務會被放入到回調隊列中，等待調用棧有空閑時事件循環再來取走它。原文地址：https://lvdingjin.github.io/tech/2018/05/27/async-and-await.html 故事要從一道今日頭條的筆試題說起...

高勝山 2019-08-22 17:36 評論0 收藏0
pjax不再神秘，hash、state那點事

摘要：初步理解如果最近打電話給武漢的小伙伴，他說信號不好，那么相信我，他肯定不是真的信號不好，也不是不想和你說話，而是他可能在冰箱里。。。初步理解如果最近打電話給武漢的小伙伴，他說信號不好，那么相信我，他肯定不是真的信號不好，也不是不想和你說話，而是他可能在冰箱里。。。武漢的天氣從來都是喜怒無常的，是吧，屌絲氣十足，今年也是絲毫看不出有任何逆襲的跡象和可能性，當然咱也沒必要去操那個心；好...

solocoder 2019-08-20 10:17 評論0 收藏0
郵件發送那點事

摘要：配置在中，修改為，這樣的函數就可以發出正常的郵件了。沒找到哪兒改，所以我就直接用發送了。同時，郵件發送是一個耗時操作，不應該讓進程長時間等待。相對復雜一些，它會對郵件內容進行簽名，然后收件服務器通過獲取公鑰，核對簽名是否正確。搭建Postfix 操作系統我個人比較喜歡CentOs,原生的系統都裝有，沒有的話可以自己谷歌，這個很簡單，跳過。需要注意的是，Postfix默認只對本地I...

acrazing 2019-06-27 11:42 評論0 收藏0