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

資訊專欄INFORMATION COLUMN

你應(yīng)該這樣整理js中的零亂知識

Yangyang / 1518人閱讀

摘要:它的作用是操作數(shù)組增刪改參數(shù)是返回值是被刪除的項目。必須,整數(shù),操作的位置必須,整數(shù),要刪除的項目數(shù)量,如果為則不會刪除非必須,向數(shù)組添加的項目。注意會操作當前增刪改的意思是切片。它是函數(shù)的函數(shù)。它的作用是動態(tài)改變。

1. splice

splice的意思是 粘接。
它是數(shù)組的函數(shù)。
它的作用是操作數(shù)組(增刪改)
參數(shù)是(index,howmany,item1,item2,...);返回值是被刪除的項目。

index: 必須,整數(shù),操作的位置
howmany: 必須,整數(shù),要刪除的項目數(shù)量,如果為0則不會刪除
item1...: 非必須,向數(shù)組添加的項目。

注意: splice會操作當前array.

var arr = ["a","b","c"]
// 增
var result = arr.splice(1,0,"d"); // arr: a,d,b,c; result: []
// 刪
var result = arr.splice(1,1);// arr: a,b,c; result: ["d"]
// 改
var result = arr.splice(1,1,"e");// arr: a,e,c; result: ["b"]
2. slice

slice的意思是切片。
它是數(shù)組的函數(shù)。
它的作用是操作數(shù)組(查)
參數(shù)是(start, end);返回值是一個新數(shù)組。

var arr = ["a","b","c"];
var result = slice(1,2);// result:["b"]
3. call

call的意思是調(diào)用。
它是函數(shù)的函數(shù)。
它的作用是動態(tài)改變this。
參數(shù)是(this,arg1,arg2...)。沒有返回值。

this: 用作this的對象。
arg...: 給函數(shù)的參數(shù)

例子

function cat() {
  this.food = "fish";
  this.say = function () {
    console.log("my food is "+this.food);
  }
}

var c = new cat;
c.say();

function dog() {
  this.food = "bone";
}

c.say.call(new dog);
4. apply

apply的意思是使用。
它和call一樣,是函數(shù)的函數(shù)。
參數(shù)和call有不同,是(this,[arg1,arg2...])。沒有返回值。
舉例略。

5. bind

bind的意思是綁定。
它也是函數(shù)的函數(shù)。
它的作用是 動態(tài)綁定this.

function cat() {
  this.food = "fish";
  this.say = function () {
    console.log("my food is "+this.food);
  }
}

var c = new cat;
c.say.bind(c);// 綁定為c

function dog() {
  this.food = "bone";
}

c.say.call(new dog);// 未執(zhí)行
6. arguments

函數(shù)內(nèi)置對象

function say(name,age) {
  console.log(arguments);
  console.log([].slice.call(arguments));// 相當于arguments.slice
}

say("allen",28);

輸出為:

// json對象
{ "0": "allen", "1": 28 }
// 數(shù)組
[ "allen", 28 ]
7. 正則中的w
var reg = new RegExp("w");
var match = reg.exec("/hello/world/1");
console.log(match[0]); 

上面的代碼只匹配出了h.因為w雖然代表word,單詞,可實際表示的是[a-zA-Z_]{1},并不表示一個單詞,所以要匹配單詞需要w+

var reg = new RegExp("w+");
var match = reg.exec("/hello/world/1");
console.log(match[0]); 
8. andt中的form
Form.create({
    mapPropsToFields(props){
        return {
            name: {value:props.name}
        }
    }
})(App)

以上是antd中Form的用法,F(xiàn)orm會自動接管App的value和onchange。如果App是函數(shù)式的,那么onChange會找不到,只能用Component這種方式去寫組件。

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

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

相關(guān)文章

  • 前端知識整理

    摘要:難怪超過三分之一的開發(fā)人員工作需要一些知識。但是隨著行業(yè)的飽和,初中級前端就業(yè)形勢不容樂觀。整個系列的文章大概有篇左右,從我是如何成為一個前端工程師,到各種前端框架的知識。 為什么 call 比 apply 快? 這是一個非常有意思的問題。 作者會在參數(shù)為3個(包含3)以內(nèi)時,優(yōu)先使用 call 方法進行事件的處理。而當參數(shù)過多(多余3個)時,才考慮使用 apply 方法。 這個的原因...

    Lowky 評論0 收藏0
  • 前端知識整理

    摘要:難怪超過三分之一的開發(fā)人員工作需要一些知識。但是隨著行業(yè)的飽和,初中級前端就業(yè)形勢不容樂觀。整個系列的文章大概有篇左右,從我是如何成為一個前端工程師,到各種前端框架的知識。 為什么 call 比 apply 快? 這是一個非常有意思的問題。 作者會在參數(shù)為3個(包含3)以內(nèi)時,優(yōu)先使用 call 方法進行事件的處理。而當參數(shù)過多(多余3個)時,才考慮使用 apply 方法。 這個的原因...

    snowLu 評論0 收藏0
  • 前端基礎(chǔ)入門

    摘要:手把手教你做個人火的時候,隨便一個都能賺的盆滿缽滿,但是,個人沒有服務(wù)端,沒有美工,似乎就不能開發(fā)了,真的是這樣的嗎秘密花園經(jīng)典的中文手冊。涵蓋前端知識體系知識結(jié)構(gòu)圖書推薦以及入門視頻教程,全的簡直不要不要的了。 JavaScript 實現(xiàn)點擊按鈕復(fù)制指定區(qū)域文本 html5 的 webAPI 接口可以很輕松的使用短短的幾行代碼就實現(xiàn)點擊按鈕復(fù)制區(qū)域文本的功能,不需要依賴 flash。...

    shinezejian 評論0 收藏0

發(fā)表評論

0條評論

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