Function類型

jackzou 發(fā)布于2019-08-26 12:12 / 3053人閱讀

摘要：類型類型是的引用類型之一通過類型創(chuàng)建對象在中函數(shù)也以對象的形式存在每個函數(shù)都是一個對象構(gòu)造函數(shù)函數(shù)除了用函數(shù)定義語句和字面量表達式兩種方式定義之外還可以通過類型進行定義函數(shù)的參數(shù)和函數(shù)體都是以字符串形式傳遞給的通過類型定義函數(shù)的效率遠不如函

Function類型

Function類型是JS的引用類型之一通過Function類型創(chuàng)建Function對象
在JS中函數(shù)也以對象的形式存在
每個函數(shù)都是一個Function對象

console.log(Function instanceof Function)    //true
console.log(Function instanceof Object)     //true
console.log(Object instanceof Function)     //true

構(gòu)造函數(shù)

函數(shù)除了用函數(shù)定義語句和字面量表達式兩種方式定義之外還可以通過Funcion類型進行定義
函數(shù)的參數(shù)和函數(shù)體都是以字符串形式傳遞給Function的

var fun = new Function ("num","console.log(num)");
fun(100);    //100

通過Function類型定義函數(shù)的效率遠不如函數(shù)定義語句和字面量表達式的定義
定義函數(shù)的三種方式之間存在一定差別

函數(shù)定義語句:執(zhí)行時函數(shù)名被提前聲明不存在效率問題

字面量表達式:函數(shù)體固定無法動態(tài)執(zhí)行不存在效率問題

Function類型定義函數(shù)體是字符串可以動態(tài)執(zhí)行效率較低

Function的apply()方法

apply方法可以劫持另外一個對象的方法，繼承另外一個對象的屬性.
Function.apply(obj,arguments)方法能接收兩個參數(shù)(可選):
obj：這個對象將代替Function類里this對象
arguments：這個參數(shù)是數(shù)組，它將作為參數(shù)傳給Function
如果沒有obj參數(shù) 那么Global對象被用作obj

 //定義一個人類
 function Person(name,age) {
     this.name=name;
     this.age=age;
 }
//定義一個男人
 function Man(name,age,hobby) {
     Person.apply(this,arguments);   //this代表的是man   arguments是一個數(shù)組 也就是["Sicong",30,"撕逼"]
     this.hobby=hobby;
 }

 var man=new Man("Sicong",30,"撕逼");
 console.log("name:"+man.name +"
"+ "age:"+man.age +"
"+"hobby:"+man.hobby);   //name:SicongWang age:30 hobby:撕逼
//用Man去執(zhí)行Person這個類里面的內(nèi)容,在Person這個類里面存在this.name等語句,這樣就將屬性創(chuàng)建到了student對象里面

Function的call()方法

call方法與apply類似只是第二個參數(shù)不是數(shù)組

 //定義一個人類
 function Person(name,age) {
     this.name=name;
     this.age=age;
 }
//定義一個woman
 function Woman(name,age,hobby) {
     Person.call(this,name,age);   //this代表的是woman  
     this.hobby=hobby;
 }

 var woman=new Woman("TimoFeng",18,"唱歌");
 console.log("name:"+woman.name +"
"+ "age:"+woman.age +"
"+"hobby:"+woman.hobby);  //name:TimoFeng age:18 hobby:唱歌

Function的bind()方法

bind方法與call和apply類似第一個參數(shù)都是this要指向的對象利用后續(xù)參數(shù)傳參數(shù)
不同的是bind是返回對應(yīng)的函數(shù) 可以稍后調(diào)用;call和apply是立即調(diào)用

var fn=function () {
    console.log(this.x)
};
var foo={
    x:3
};
fn();   //undefined
console.log(fn.bind(foo));    //? () {
                              //        console.log(this.x) }
                              //                  此時this已經(jīng)指向了foo，但是用bind（）方法并不會立即執(zhí)行，而是創(chuàng)建一個函 
                              //                  數(shù)    如果要直接調(diào)用的話 可以 bar.bind(foo)()
 var result=fn.bind(foo);
 result();   //3

遞歸

在函數(shù)內(nèi)部，可以調(diào)用其他函數(shù)。如果一個函數(shù)在內(nèi)部調(diào)用自身本身，這個函數(shù)就是遞歸函數(shù)
遞歸函數(shù)的優(yōu)點是定義簡單，邏輯清晰所有的遞歸函數(shù)都可以寫成循環(huán)的方式，但循環(huán)的邏輯不如遞歸清晰
遞歸調(diào)用的次數(shù)過多，會導(dǎo)致棧溢出使用過深會造成死循環(huán)

var num=function(x){
 if(x == 1){
   return 1;
} else{
   return x*num(x-1);
}
}
console.log(num(5))   //120
/*  計算過程為:
    ---> num(5)
    ---> 5 * num(4)
    ---> 5 * (4 * num(3))
    ---> 5 * (4 * (3 * num(2)))
    ---> 5 * (4 * (3 * (2 * num(1))))
    ---> 5 * (4 * (3 * (2 * 1)))              只有n=1時才特殊處理
    ---> 5 * (4 * (3 * 2))
    ---> 5 * (4 * 6)
    ---> 5 * 24
    ---> 120         
    */

回調(diào)函數(shù)

一個函數(shù)作為參數(shù)傳給另一個函數(shù) 我們把另一個函數(shù)稱為回調(diào)函數(shù)
通俗的說回調(diào)函數(shù)有3個特點: 1).你定義的 2).你沒有調(diào)用 3).但最后執(zhí)行了
回調(diào)函數(shù)的優(yōu)點:

-  可以在未命名的情況下傳遞函數(shù) 節(jié)省全局變量
-  將另一個函數(shù)調(diào)用操作委托給另一個函數(shù)
-  有助于提升性能

$("btn").click(function(){            //click方法就是一個回調(diào)函數(shù)
 alert("我是一個按鈕")
})

自調(diào)用函數(shù)

自調(diào)用函數(shù) 聲明完了，馬上進行調(diào)用，只能使用一次

(function(num1,num2){
  console.log(num1+num2)
})(10,20)    //30

作用域和作用域鏈

作用域: 一塊代碼區(qū)域, 在編寫時就確定, 不會再變化
作用域鏈: 多個嵌套的作用域形成的由內(nèi)向外的結(jié)構(gòu), 用于查找變量
分為全局作用域和函數(shù)(局部)作用域

作用:
作用域: 隔離變量, 可以在不同作用域定義同名的變量不沖突
作用域鏈: 查找變量

 var num1=10;       //全局變量
 function fn1(){
 var num2=20;     //fn1作用域的局部變量
   function fn2(){
 var num3=30;    //fn2作用域的局部變量
   function fn3(){
 var num4=40;     //fn3作用域的局部變量
 console.log(num1);    //10
 console.log(num2);    //20
 console.log(num3);    //30
 console.log(num4);    //40
}
fn3();
 console.log(num1);    //10
 console.log(num2);    //20
 console.log(num3);    //30
 console.log(num4);    //num4 is not defined
}
fn2();
 console.log(num1);    //10
 console.log(num2);    //20
 console.log(num3);    //num3 is not defined
 console.log(num4);    //num4 is not defined
}
fn1()

閉包函數(shù)

當嵌套的內(nèi)部函數(shù)引用了外部函數(shù)的變量時就產(chǎn)生了閉包
閉包本質(zhì)是內(nèi)部函數(shù)中的一個對象, 這個對象中包含引用的變量屬性

作用:
延長局部變量的生命周期
讓函數(shù)外部能操作內(nèi)部的局部變量
避免污染全局命名空間
缺點:
變量占用內(nèi)存的時間可能會過長
可能導(dǎo)致內(nèi)存泄露(占用的內(nèi)存沒有及時釋放
內(nèi)存泄露積累多了就容易導(dǎo)致內(nèi)存溢出)

function fn1() {
  var a = 2;
  function fn2() {
    a++;
    console.log(a);    //3  4
  }
  return fn2;
}
var f = fn1();
f();
f();

云服務(wù)器 GPU云服務(wù)器 js數(shù)據(jù)類型function function(){}() Function function object

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108229.html

發(fā)表評論

登陸后可評論

0條評論

jackzou

男|高級講師

我要關(guān)注我要私信

TA的文章

Verilog HDL 快速入門FPGA超級干貨第一季

閱讀 2435·2021-10-11 10:57
neironvps：1G內(nèi)存/1核/10gSSD/1T流量，洛杉磯vps/瑞士vps/德國vps，$

閱讀 1287·2021-10-09 09:59
網(wǎng)絡(luò)安全—xss

閱讀 2001·2019-08-30 15:53
獻給前端求職路上的你們（上）

閱讀 3219·2019-08-30 15:53
如何科學(xué)的組織React組件樣式

閱讀 1015·2019-08-30 15:45
美化文件上傳按鈕自定義input file樣式

閱讀 747·2019-08-30 15:44
Codepen 每日精選（2018-4-11）

閱讀 3455·2019-08-30 14:24
CSS筆記

閱讀 957·2019-08-30 14:21

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Function類型

相關(guān)文章

**高能！typeof Function.prototype 引發(fā)的先有 Function 還是先有 O**

JavaScript即學(xué)即用教程[1]-類型系統(tǒng)

javascript 數(shù)據(jù)類型判斷 (常見庫的數(shù)據(jù)類型判斷源碼的分析)

基礎(chǔ)一：JS數(shù)據(jù)類型

【10】JavaScript 面向?qū)ο蟾呒墶^承模式

JavaScript instanceof運算符深入分析

發(fā)表評論

0條評論

jackzou

男|高級講師

TA的文章

Verilog HDL 快速入門FPGA超級干貨第一季

neironvps：1G內(nèi)存/1核/10gSSD/1T流量，洛杉磯vps/瑞士vps/德國vps，$

網(wǎng)絡(luò)安全—xss

獻給前端求職路上的你們（上）

如何科學(xué)的組織React組件樣式

美化文件上傳按鈕自定義input file樣式

Codepen 每日精選（2018-4-11）

CSS筆記

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Function類型

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！