国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > 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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐亭县| 达孜县| 新蔡县| 淮北市| 舒兰市| 康保县| 临海市| 浠水县| 宣化县| 昌吉市| 林芝县| 将乐县| 荣昌县| 静海县| 瓮安县| 哈巴河县| 禄劝| 亚东县| 通州市| 伊宁市| 肇源县| 丹棱县| 呼伦贝尔市| 大关县| 温宿县| 灵石县| 和林格尔县| 湄潭县| 丽江市| 施秉县| 武隆县| 安乡县| 若羌县| 梓潼县| 西昌市| 鹤山市| 鄂托克旗| 信阳市| 灵丘县| 象山县| 蒲江县|