js函數學習

JasinYip 發布于2019-08-22 10:57 / 554人閱讀

摘要：函數聲明靜態函數函數聲明有個特征就是函數可以函數聲明提前函數表達式這種方式命名，沒有函數聲明提前，這個方式也是自己比較喜歡用的方式。

函數聲明（靜態函數）

函數聲明有個特征就是函數可以函數聲明提前

hello();
function hello(){
console.log("hello js");
}

函數表達式（Function expressions）

var hello2 = function(){
 console.log("hello2 js");
}
hello2();

這種方式命名，沒有函數聲明提前，這個方式也是自己比較喜歡用的方式。

匿名函數（ anonymous）

(function(){
    console.log("message");
})()

也可以直接傳入變量，jQuery源碼用的比較的多，用匿名函數的好處就是可以減少命名的沖突，省的為了只執行一次的函數你還要去命名

(function(e){
    console.log(e);
})(2)

自動執行的其他的寫法

var auto = (function(){
     console.log("auto message");
})() 

var auto = (function(){
    console.log("auto message2");
}())

回調函數（callback）

就是把函數當做變量，這個算是js中比較特別的地方，nodejs的異步回調的大體就是那樣

function person(callback,name,age){
    callback(name,age);
}
function output(name,age){
    console.log(name+":"+age);
}
new person(output,"zs",18);

遞歸函數

關于遞歸，這個平時不敢去太多的應用，當時學習java的時候就很轉，也就不為難自己了。簡單的說就是自己調用自己：

function add(n){
    if(n<=1){
        return 1;
    }else{
        return n+add(n-1)
    }
}
// var i= add(4);
console.log(add(4));

構造函數

構造函數首字母大寫

this用法，指向本身，這個比較復雜，以后總結好了，弄明白了再細說

閉包問題也是比較頭痛的問題，留在以后。會造成內存消耗

構造函數的三部曲：

構造方法

定義屬性

原型法定義函數，這樣比較的節省內存

函數的繼承，call，apply（用在傳遞數組）

函數的繼承：

function Person(name,age){
    this.name=name;
    this.age=age;
}

Person.prototype.out=function(){
    var self=this;
    console.log(this.name+":"+this.age);
}

function Student(name,age,id){
    // Person.call(this,name,age);
    Person.apply(this,[name,age]);//或是用apply都行
    this.id=id;
}
Student.prototype.output=function(){
    var self=this;
    console.log(this.name+":"+this.age+";"+this.id);
}

new Person("lh",18).out();
new Student("KK",18,"XUESHENG").output();

函數的多態：

函數的重載：

主要是通過argument.length分別調用的，沒有怎么用過

function f(x){}
function f(x,y){}
function f(x,y,z){}

總結最優的命名函數方法：

用構造方法生成成員變量，用原型法生成成員方法，減少內存的消耗

function Person(name,age){
    this.name=name;
    this.age=age;
    this.say();
    // 這樣也行（構造方法分配成員方法），比較喜歡原型法構造函數
    this.say=function(){
        console.log(name+age);
    }
}
Person.prototype.say=function(){
    console.log(name+age);
}

云服務器 GPU云服務器 js里函數沒有函數體 js函數! js 函數名= js 函數位置

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

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

【前端語言學習】學習minipack源碼，了解打包工具的工作原理

摘要：作者王聰學習目標本質上，是一個現代應用程序的靜態模塊打包器。為此，我們檢查中的每個導入聲明。將導入的值推送到依賴項數組中。為此，定義了一個只包含入口模塊的數組。當隊列為空時，此循環將終止。作者：王聰學習目標本質上，webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關...

shery 2019-08-02 16:15 評論0 收藏0
【前端語言學習】學習minipack源碼，了解打包工具的工作原理

摘要：作者王聰學習目標本質上，是一個現代應用程序的靜態模塊打包器。為此，我們檢查中的每個導入聲明。將導入的值推送到依賴項數組中。為此，定義了一個只包含入口模塊的數組。當隊列為空時，此循環將終止。作者：王聰學習目標本質上，webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關...

toddmark 2019-08-23 17:13 評論0 收藏0
初學者學習JAVASCRIPT很吃力怎么辦？到底該如何學習JS？

摘要：給初學者的印象總是那么的雜而亂，相信很多初學者都在找輕松學習的途徑。通常學了很久的基礎之后，變量函數對象你也都略知一二，但一到公司開發項目的時候，卻又難以下手。 Js給初學者的印象總是那么的雜而亂，相信很多初學者都在找輕松學習Js的途徑。在這里給大家總結一些學習Js的經驗，希望能給后來的學習者探索出一條輕松學習Js之路。Js給人那種感覺的原因多半是因為它如下的特點：A：本身知識很抽象、...

WrBug 2019-08-23 17:57 評論0 收藏0
JS框架 - 收藏集 - 掘金

摘要：現在回過頭總結，才又進一步的揭開了閉包的一層后臺管理系統解決方案前端掘金基于系列的后臺管理系統解決方案。什么是繼承大多數人使用繼承不外乎是為了獲得基于的單頁應用項目模板前端掘金小貼士本項目已升級至。關于js、jq零碎知識點 - 掘金寫在前面：本文都是我目前學到的一些比較零碎的知識點，也是相對偏一點的知識，這是第二篇。前后可能沒有太大的相關性，需要的朋友可以過來參考下，喜歡的可以點個...

wenyiweb 2019-08-20 16:27 評論0 收藏0
Backbone.js學習筆記（一）

摘要：它通過數據模型進行鍵值綁定及事件處理，通過模型集合器提供一套豐富的用于枚舉功能，通過視圖來進行事件處理及與現有的通過接口進行交互。本人兼職前端付費技術顧問，如需幫助請加本人微信hawx1993或QQ345823102，非誠勿擾 1.為初學前端而不知道怎么做項目的你指導 2.指導并扎實你的JavaScript基礎 3.幫你準備面試并提供相關指導性意見 4.為你的前端之路提供極具建設性的...

FrancisSoung 2019-08-21 10:21 評論0 收藏0
JavaScript知識架構學習路徑（一）- 變量篇

摘要：在此，我們首先根據變量的作用域，將變量劃分為三級，具體是全局變量局部變量和參數變量。【摘要】本文是專為JavaScript入門者而總結的，總體上將JavaScript的基礎部分分成了九大塊，分別是變量、運算符、數組、流程控制結構、字符串函數、函數基礎、DOM操作基礎、文檔對象模型DOM和正則表達式。【關鍵字】變量、運算符、數組、流程控制結構、函數、DOM、正則表達式。本篇文章的主...

toddmark 2019-08-19 18:18 評論0 收藏0