摘要:它的作用是操作數(shù)組增刪改參數(shù)是返回值是被刪除的項(xiàng)目。必須,整數(shù),操作的位置必須,整數(shù),要?jiǎng)h除的項(xiàng)目數(shù)量,如果為則不會(huì)刪除非必須,向數(shù)組添加的項(xiàng)目。注意會(huì)操作當(dāng)前增刪改的意思是切片。它是函數(shù)的函數(shù)。它的作用是動(dòng)態(tài)改變。
1. splice
splice的意思是 粘接。
它是數(shù)組的函數(shù)。
它的作用是操作數(shù)組(增刪改)
參數(shù)是(index,howmany,item1,item2,...);返回值是被刪除的項(xiàng)目。
index: 必須,整數(shù),操作的位置 howmany: 必須,整數(shù),要?jiǎng)h除的項(xiàng)目數(shù)量,如果為0則不會(huì)刪除 item1...: 非必須,向數(shù)組添加的項(xiàng)目。
注意: splice會(huì)操作當(dāng)前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);返回值是一個(gè)新數(shù)組。
var arr = ["a","b","c"]; var result = slice(1,2);// result:["b"]3. call
call的意思是調(diào)用。
它是函數(shù)的函數(shù)。
它的作用是動(dòng)態(tài)改變this。
參數(shù)是(this,arg1,arg2...)。沒有返回值。
this: 用作this的對(duì)象。 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...])。沒有返回值。
舉例略。
bind的意思是綁定。
它也是函數(shù)的函數(shù)。
它的作用是 動(dòng)態(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)置對(duì)象
function say(name,age) { console.log(arguments); console.log([].slice.call(arguments));// 相當(dāng)于arguments.slice } say("allen",28);
輸出為:
// json對(duì)象 { "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.因?yàn)閣雖然代表word,單詞,可實(shí)際表示的是[a-zA-Z_]{1},并不表示一個(gè)單詞,所以要匹配單詞需要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會(huì)自動(dòng)接管App的value和onchange。如果App是函數(shù)式的,那么onChange會(huì)找不到,只能用Component這種方式去寫組件。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/83283.html
摘要:難怪超過三分之一的開發(fā)人員工作需要一些知識(shí)。但是隨著行業(yè)的飽和,初中級(jí)前端就業(yè)形勢(shì)不容樂觀。整個(gè)系列的文章大概有篇左右,從我是如何成為一個(gè)前端工程師,到各種前端框架的知識(shí)。 為什么 call 比 apply 快? 這是一個(gè)非常有意思的問題。 作者會(huì)在參數(shù)為3個(gè)(包含3)以內(nèi)時(shí),優(yōu)先使用 call 方法進(jìn)行事件的處理。而當(dāng)參數(shù)過多(多余3個(gè))時(shí),才考慮使用 apply 方法。 這個(gè)的原因...
摘要:難怪超過三分之一的開發(fā)人員工作需要一些知識(shí)。但是隨著行業(yè)的飽和,初中級(jí)前端就業(yè)形勢(shì)不容樂觀。整個(gè)系列的文章大概有篇左右,從我是如何成為一個(gè)前端工程師,到各種前端框架的知識(shí)。 為什么 call 比 apply 快? 這是一個(gè)非常有意思的問題。 作者會(huì)在參數(shù)為3個(gè)(包含3)以內(nèi)時(shí),優(yōu)先使用 call 方法進(jìn)行事件的處理。而當(dāng)參數(shù)過多(多余3個(gè))時(shí),才考慮使用 apply 方法。 這個(gè)的原因...
摘要:手把手教你做個(gè)人火的時(shí)候,隨便一個(gè)都能賺的盆滿缽滿,但是,個(gè)人沒有服務(wù)端,沒有美工,似乎就不能開發(fā)了,真的是這樣的嗎秘密花園經(jīng)典的中文手冊(cè)。涵蓋前端知識(shí)體系知識(shí)結(jié)構(gòu)圖書推薦以及入門視頻教程,全的簡直不要不要的了。 JavaScript 實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本 html5 的 webAPI 接口可以很輕松的使用短短的幾行代碼就實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制區(qū)域文本的功能,不需要依賴 flash。...
閱讀 1771·2021-11-25 09:43
閱讀 15327·2021-09-22 15:11
閱讀 2623·2019-08-30 13:19
閱讀 2009·2019-08-30 12:54
閱讀 1815·2019-08-29 13:06
閱讀 923·2019-08-26 14:07
閱讀 1612·2019-08-26 10:47
閱讀 3028·2019-08-26 10:41