你應該這樣整理js中的零亂知識

Yangyang 發布于2019-08-20 16:57 / 1513人閱讀

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

1. splice

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

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

注意： 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的意思是切片。
它是數組的函數。
它的作用是操作數組（查）
參數是(start, end)；返回值是一個新數組。

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

3. call

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

this: 用作this的對象。
arg...: 給函數的參數

例子

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一樣，是函數的函數。
參數和call有不同，是(this,[arg1,arg2...])。沒有返回值。
舉例略。

5. bind

bind的意思是綁定。
它也是函數的函數。
它的作用是動態綁定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);// 未執行

6. arguments

函數內置對象

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

say("allen",28);

輸出為：

// json對象
{ "0": "allen", "1": 28 }
// 數組
[ "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的用法，Form會自動接管App的value和onchange。如果App是函數式的，那么onChange會找不到，只能用Component這種方式去寫組件。

云服務器 GPU云服務器你這樣 linux就應該這樣學你應該知道你理解中的云服務器ecs是什么

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

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

前端知識點整理

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

Lowky 2019-08-22 11:22 評論0 收藏0
前端知識點整理

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

snowLu 2019-08-29 14:05 評論0 收藏0
前端基礎入門

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

shinezejian 2019-08-22 13:51 評論0 收藏0