国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ES5和ES6中的一些綜合應(yīng)用(持續(xù)更新)

Turbo / 701人閱讀

摘要:函數(shù)的屬性中,代表形參即希望傳入的參數(shù)的數(shù)量,如等于中情況有所不同函數(shù)默認(rèn)參數(shù)指定了默認(rèn)參數(shù)后,函數(shù)的將返回沒有指定默認(rèn)參數(shù)的參數(shù)的個數(shù)變量名參數(shù)也不會計入屬性類數(shù)組轉(zhuǎn)成真正數(shù)組的幾種方式中中可以將類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)換為真正的

1.函數(shù)的length屬性

ES5中,length代表形參(即希望傳入的參數(shù))的數(shù)量,如function display(a,b,c){ / /} ;display.length等于3
ES6中情況有所不同:
(1)函數(shù)默認(rèn)參數(shù)
指定了默認(rèn)參數(shù)后,函數(shù)的 length 將返回沒有指定默認(rèn)參數(shù)的參數(shù)的個數(shù)

funciton display(str1="test",str2){
    console.log(str1+str2);
}
display.length;//1

(2)rest(...變量名)
rest參數(shù)也不會計入length屬性

funciton display(str1,...strs){
        console.log(str1+str2);
    }
    display.length;//1
2.類數(shù)組轉(zhuǎn)成真正數(shù)組的幾種方式

ES5中:Array.prototype.slice.call();

Array.prototype.slice.call(arguments);//argemtns->Array

ES6中:
(1)Array.from()可以將類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)換為真正的數(shù)組

var arr = Array.from(arguments);

(2)rest參數(shù) 形式:“ ...變量名”主要用在將arguments對象轉(zhuǎn)換為數(shù)組

把arguments類數(shù)組對象變?yōu)檎嬲膶ο螅?funciton display(...arr){
    //...arr代替arguments
    arr instanceof Array //true
}

(3)擴展運算符:

[...arrayLive]

(4)set方法:

new Set(arrayLive);
3.使用函數(shù)函數(shù)的幾點注意(重點理解)

箭頭函數(shù)沒有自己的this,它們的this都是外層函數(shù)的this
(1)函數(shù)體內(nèi)的this對象就是定義時所在的對象,而不是使用時所在的對象
(2)不可以當(dāng)作構(gòu)造函數(shù)。也就是不可以使用new命令,否則會報錯
(3)不可以使用arguments對象,該對象在函數(shù)體內(nèi)不存在.如果要用可以用rest參數(shù)代替
(4)不可以使用yield命令,因此箭頭函數(shù)不能做Generator函數(shù)
詳細內(nèi)容請參閱:http://es6.ruanyifeng.com/#do...

4.使用ES6為對象添加屬性

Object.assign:用來將源對象的所有的可枚舉屬性復(fù)制到目標(biāo)對象
語法:Object.assign(targetObj,source1,source2,...)
例如:

var target = {a:1,b:2};
var source1 = {c:3};
var source2 = {d:4};
Object.assign(target,source1,source2);
target//{a:1,b:2,c:3,d:4};

這里有一些需要注意的地方:
(1)只復(fù)制自由屬性并且是可枚舉的屬性
(2)這里的復(fù)制是淺復(fù)制
(3)如果目標(biāo)對象與原對象有同名屬性,或者多個原對象有同名屬性,則后面的屬性會覆蓋前面的屬性

5.對象屬性的遍歷方法一覽

ES5中有三種方法會忽略enumerable為false的屬性
(1)for...in循環(huán):遍歷對象自身和繼承可枚舉的屬性
(2)Object.keys():返回對象自身的所有可枚舉的屬性的鍵名
(3)json.stringify():只串行化對象自身的可枚舉屬性
ES6中新增了兩個操作會忽略enumerable為false的屬性
(1)Object.assign():只復(fù)制對象自身可枚舉屬性
(2)Reflect.enumerate():返回所有for...in會遍歷的屬性

屬性的遍歷:
ES6中有6中方法可以遍歷對象
(1)for...in循環(huán):遍歷對象自身和繼承可枚舉的屬性
(2)Object.keys():返回對象自身的所有可枚舉的屬性的鍵名
(3)getOwenPropertyNames():返回一個數(shù)組,包含對象自身所有的屬性(不包括 Symbol屬性,但是包括不可枚舉屬性)
(4)getOwenSymbolNames():返回一個數(shù)組,包含對象自身所有的Symbol屬性
(5)Reflect.ownKeys():返回一個數(shù)組,包含對象自身所有的屬性(包括Symbol和不可枚舉屬性)
(6)Reflect.enumerate():返回所有for...in會遍歷的屬性

以上6種方法共同遵守的遍歷次序規(guī)則:
(1)首先遍歷屬性名為數(shù)字的屬性,按照數(shù)字順序排序
(2)其次遍歷所有屬性名為字符串的屬性,按照字符串生成時間排序
(3)最后遍歷所有屬性名為symbol值得屬性,按照生成時間排序
對象屬性從屬關(guān)系判斷:
hasOwnPrototyOf():自身 可枚舉
in :自身和繼承

6._proto_屬性

_proto_屬性用來讀取或者設(shè)置當(dāng)前對象的prototype對象。
奉上鏈接:https://github.com/creeperyan...

7.Iterator 8.Generator

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/50746.html

相關(guān)文章

  • ES5ES6中的一些綜合應(yīng)用持續(xù)更新

    摘要:函數(shù)的屬性中,代表形參即希望傳入的參數(shù)的數(shù)量,如等于中情況有所不同函數(shù)默認(rèn)參數(shù)指定了默認(rèn)參數(shù)后,函數(shù)的將返回沒有指定默認(rèn)參數(shù)的參數(shù)的個數(shù)變量名參數(shù)也不會計入屬性類數(shù)組轉(zhuǎn)成真正數(shù)組的幾種方式中中可以將類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)換為真正的 1.函數(shù)的length屬性 ES5中,length代表形參(即希望傳入的參數(shù))的數(shù)量,如function display(a,b,c){ / /} ...

    NotFound 評論0 收藏0
  • ES5ES6中的一些綜合應(yīng)用持續(xù)更新

    摘要:函數(shù)的屬性中,代表形參即希望傳入的參數(shù)的數(shù)量,如等于中情況有所不同函數(shù)默認(rèn)參數(shù)指定了默認(rèn)參數(shù)后,函數(shù)的將返回沒有指定默認(rèn)參數(shù)的參數(shù)的個數(shù)變量名參數(shù)也不會計入屬性類數(shù)組轉(zhuǎn)成真正數(shù)組的幾種方式中中可以將類似數(shù)組的對象和可遍歷的對象轉(zhuǎn)換為真正的 1.函數(shù)的length屬性 ES5中,length代表形參(即希望傳入的參數(shù))的數(shù)量,如function display(a,b,c){ / /} ...

    DoINsiSt 評論0 收藏0
  • 前端練級攻略(第二部分)

    摘要:是文檔的一種表示結(jié)構(gòu)。這些任務(wù)大部分都是基于它。這個實踐的重點是把你在前端練級攻略第部分中學(xué)到的一些東西和結(jié)合起來。一旦你進入框架部分,你將更好地理解并使用它們。到目前為止,你一直在使用進行操作。它是在前端系統(tǒng)像今天這樣復(fù)雜之前編寫的。 本文是 前端練級攻略 第二部分,第一部分請看下面: 前端練級攻略(第一部分) 在第二部分,我們將重點學(xué)習(xí) JavaScript 作為一種獨立的語言,如...

    BWrong 評論0 收藏0
  • 你不知道的JavaScript(ES6與之未來)

    摘要:然而,臨近規(guī)范發(fā)布時,有建議提及未來的版本號切換為編年制,比如用同來指代在年末前被定稿的所有版本。總得來說就是版本號不再那么重要了,開始變得更像一個萬古長青的活標(biāo)準(zhǔn)。 你不知道的JS(下卷)ES6與之未來 第一章:ES的今與明 在你想深入這本書之前,你應(yīng)該對(在讀此書時)JavaScript的最近標(biāo)準(zhǔn)掌握熟練,也就是ES5(專業(yè)來說是ES 5.1)。在此,我們決定全方面地談?wù)撽P(guān)于將近的...

    Julylovin 評論0 收藏0
  • 【譯】前端練級攻略

    摘要:由于系統(tǒng)變得越來越復(fù)雜,人們提出了稱為預(yù)處理器和后處理器的工具來管理復(fù)雜性。后處理器在由預(yù)處理器手寫或編譯后對應(yīng)用更改。我之前建議的文章,,也涵蓋了預(yù)處理器相關(guān)的知識。 譯者:前端小智 原文:medium.freecodecamp.org/from-zero-t… medium.freecodecamp.org/from-zero-t… 我記得我剛開始學(xué)習(xí)前端開發(fā)的時候。我看到了很多文章及...

    wuyumin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<