js 零碎知識整理

liaorio 發布于2019-08-22 18:30 / 718人閱讀

摘要：，看了這樣的解釋，或許讓你更摸不著頭腦了。彈出彈出在這個例子中，只要會使用瀏覽器的朋友，都能看得出來完全繼承了的屬性和方法，否則是無法解釋的，因為在中并沒有定義屬性和，那么按常理推斷在的實例對象中，并不會出現這兩個屬性。

快速刪除尾部數組

var arr=[1,2,3,4,5];
arr.length=3;
console.log(arr)//[1,2,3]

直接改變數組的length的值

從數組中移除重復元素

var arr = [1,1,2,2,3,3]
const removeDuplicateltems = arr => [...new Set(arr)];
console.log(removeDuplicateltems(arr))//[1,2,3]
/**
* ...拓展運算符，是遍歷Symbol.iterator 
* 和for...of一樣的遍歷方法
*/

函數作為值傳入

//把函數作為值傳入進去
    function callSomeFunction(someFunction,someArgument){
      return someFunction(someArgument);
    }

最終調用的這個函數他有兩個參數，第一個參數是一個方法，第二個參數是第一個方法的參數。

    function add10(num){
      return num + 10;
    }
    var result1=callSomeFunction(add10,10);
      console.log(result1);//20

這個例子稍微一看就明白了吧，傳入的10 最終成了add()的參數, 也就是成了num, 所以結果是20

    function getGreeting(name){
      return "holle," + name;
    }
    var result2=callSomeFunction(getGreeting, "Nicholas");
    console.log(result2);//holle Nicholas

上面的理解了這個也就不難了同理 “ Nicholas” 變成了getGreeting() 的參數 name，所以輸出結果是 holle Nicholas

call() 理解

先看看關于call()的官方解釋，“調用一個對象的一個方法，以另一個對象替換當前對象。”，看了這樣的解釋，或許讓你更摸不著頭腦了。看例子：

var x = "我是全局變量";　　　　//定義全局變量x
function a(){　　　　　　　　　//定義函數類結構a　　
    this.x = "我是在函數類結構a中聲明的哦";    
}
//定義普通函數，彈出當前指針所包含的變量x的值
function f(){       
    alert (this.x);
}
f.call(new a());//返回值為“我是在函數類結構a中聲明的哦”

我的理解是，f.call(new a())就是把函數（其實也是對象）f復制到被調用對象“new a()”下面去解析，事實上和下面這段代碼的解析結果一樣：

function a(){
　　this.x = "我是在函數類結構a中聲明的哦";
　　alert(this.x);    //我是在函數類結構a中聲明的哦
}
a();

只不過此時變量X的作用域不同而已，咿…看起來好像有點繼承的味道哦，難道不是嗎？在上例中,f完全被構造函數a的實力對象繼承了，如果說這還不足以說明a.call(b)是一種繼承模式，那么再看一個更具有繼承味道的用法吧。

function f(){    
    this.a ="a";    
    this.b = function(){    
        alert("b");
    }
}
function e(){    
    f.call(this);     
}
var c = new e();
alert(c.a);  //彈出a
c.b();    //彈出b

在這個例子中，只要會使用瀏覽器的朋友，都能看得出來e完全繼承了f的屬性和方法，否則是無法解釋的，因為在e中并沒有定義屬性a和b，那么按常理推斷在e的實例對象c中，并不會出現這兩個屬性。

云服務器 GPU云服務器零碎 js核心知識 js知識圖 js算法與數據結構基礎知識

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

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

零碎的知識（一）

摘要：同時，由于本身的實現大部分是純函數，因此在版本中，一些不含副作用的均在中暴露了以為前綴的函數方法，也可以直接導入使用。在瀏覽器中神秘丟失嘗試檢查被請求的是否存在尾部斜線，具體原因暫時沒有找到相關資料。寫在前面最近沒怎么寫新的東西，一是因為一直在準備換新的工作，所以一直在準備面試，二是因為過年，心靜不下來，所以也無法輸出或者翻譯一些文章，三是由于手頭還有一些遺留工作需要完成和交接，比...

ernest.wang 2019-08-23 15:36 評論0 收藏0
webpack-demos：全網最貼心webpack系列教程和配套代碼

摘要：全網最貼心系列教程和配套代碼歡迎關注個人技術博客。所以我花費了個多月整理了這份教程，一共分成節，每節都有講解，并且準備了配套代碼。奈何深感水平不夠，只有一腔熱情，所以直接開放了教程和源碼。 webpack-demos：全網最貼心 webpack 系列教程和配套代碼歡迎關注個人技術博客：godbmw.com。每周 1 篇原創技術分享！開源教程(webpack、設計模式）、面試刷題（偏前...

LMou 2019-08-23 12:25 評論0 收藏0
JavasScript重難點知識

摘要：忍者級別的函數操作對于什么是匿名函數，這里就不做過多介紹了。我們需要知道的是，對于而言，匿名函數是一個很重要且具有邏輯性的特性。通常，匿名函數的使用情況是創建一個供以后使用的函數。 JS 中的遞歸遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加這一次，徹底弄懂 JavaScript 執行機制本文的目的就是要保證你徹底弄懂javascript的執行機制，如果...

forsigner 2019-08-21 18:36 評論0 收藏0
零碎的知識（二）

摘要：目錄零碎的知識一新的媒體查詢屬性這個媒體查詢屬性的作用是，當用戶在操作系統中設置了的選項時，能夠根據其值聲明不同的樣式，因為有的人可能喜歡炫酷的特效，有的人可能更傾向于內容比如我，而有的人甚至因為生理問題無法接受這些特效。目錄零碎的知識（一）新的媒體查詢屬性 prefers-reduced-motion https://developers.google.com...https...

wqj97 2019-08-23 18:03 評論0 收藏0
每天一個設計模式之組合模式

摘要：作者按每天一個設計模式旨在初步領會設計模式的精髓，目前采用和兩種語言實現。誠然，每種設計模式都有多種實現方式，但此小冊只記錄最直截了當的實現方式原文地址是每天一個設計模式之組合模式歡迎關注個人技術博客。作者按：《每天一個設計模式》旨在初步領會設計模式的精髓，目前采用javascript和python兩種語言實現。誠然，每種設計模式都有多種實現方式，但此小冊只記錄最直截了當的實現方式 ...

不知名網友 2019-08-23 14:05 評論0 收藏0