麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

javaScript中的this示例學習詳解及工作原理

2019-11-20 21:16:00
字體:
來源:轉載
供稿:網友

this的工作原理

如果一個函數被作為一個對象的方法調用,那么this將被指派為這個對象。

復制代碼 代碼如下:

var parent = {
    method: function () {
        console.log(this);
    }
};

parent.method();
// <- parent


注意這種行為非常“脆弱”,如果你獲取一個方法的引用并且調用,那么this的值不會是parent了,而是window全局對象。這讓大多數開發者迷惑。

復制代碼 代碼如下:

ThisClownCar();
// <- Window
 

改動this

.call、 .apply 和.bind 方法用來操作調用函數的方式,幫我們定義this的值和傳遞給函數的參數值。

Function.prototype.call 可以有任意數量的參數,第一個參數被分配給this,剩下的被傳遞給調用函數。

復制代碼 代碼如下:

Array.prototype.slice.call([1, 2, 3], 1, 2)
// <- [2]

Function.prototype.apply 的行為和.call類似,但它傳遞給函數的參數是一個數組,而不是任意參數。

String.prototype.split.apply('13.12.02', ['.'])
// <- ['13', '12', '02']
 

Function.prototype.bind 創建一個特殊的函數,該函數將永遠使用傳遞給.bind的參數作為this的值,以及能夠分配部分參數,創建原函數的珂里化(curride)版本。

 

復制代碼 代碼如下:

var arr = [1, 2];
var add = Array.prototype.push.bind(arr, 3);

// effectively the same as arr.push(3)
add();

// effectively the same as arr.push(3, 4)
add(4);

console.log(arr);
// <- [1, 2, 3, 3, 4]


作用域鏈中的this

在下面的例子,this將無法在作用域鏈中保持不變。這是規則的缺陷,并且常常會給業余開發者帶來困惑。

復制代碼 代碼如下:

function scoping () {
  console.log(this);

  return function () {
    console.log(this);
  };
}

scoping()();
// <- Window
// <- Window

有一個常見的方法,創建一個局部變量保持對this的引用,并且在子作用域中不能有同命變量。子作用域中的同名變量將覆蓋父作用域中對this的引用。http://www.cnblogs.com/sosoft/

復制代碼 代碼如下:

function retaining () {
  var self = this;

  return function () {
    console.log(self);
  };
}

retaining()();
// <- Window
 

除非你真的想同時使用父作用域的this,以及當前this值,由于某些莫名其妙的原因,我更喜歡是使用的方法.bind函數。這可以用來將父作用域的this指定給子作用域。

 

復制代碼 代碼如下:

function bound () {
  return function () {
    console.log(this);
  }.bind(this);
}

bound()();
// <- Window

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产中出在线观看 | 黑人日比| 13一14毛片免费看 | 亚洲成人激情在线 | 主播粉嫩国产在线精品 | 国产一精品久久99无吗一高潮 | 黄色片网站免费 | 久久久麻豆| 国产精品久久久久久久久久大牛 | 亚洲最新无码中文字幕久久 | 国产一区二区三区在线免费观看 | 亚洲精品tv久久久久久久久久 | 九九精品视频观看 | 久久久久久久久久美女 | 国产宾馆3p国语对白 | 国产精品av久久久久久久久久 | 久久久久久久久久久久久久国产 | 杏美月av| 91短视频在线播放 | av在线播放免费观看 | 男女无遮挡羞羞视频 | 男女生羞羞视频网站在线观看 | 中文字幕www| 成人aaaaa片毛片按摩 | 久久久久久久一区二区三区 | 青草久久久久 | 成人一级视频在线观看 | 狠狠久久伊人中文字幕 | 欧美一级片 在线播放 | 国产亚洲精品久久久久久网站 | 亚洲爱爱网站 | 久久精品国产精品亚洲 | 99ri在线| 国产一级aaa全黄毛片 | javhdfreejaⅴhd| 久久国产精品免费视频 | 精品一二三区视频 | 欧美一级黄带 | 精品国产一区二区三区四区阿崩 | 久久99精品久久久久久秒播蜜臀 | 欧美成人理论片乱 |