資訊專欄INFORMATION COLUMN
摘要：文章目的是總結(jié)下這個事情，如果沒有考慮周全，遺漏某一條，請過路的留言寫，我在補上。類的實例在函數(shù)中的一般指向和中括號里面的第一個參數(shù)是誰就指向誰。輸出說明指向的是輸出，說明指向的是箭頭函數(shù)中的，就是定義是所在的對象，而不是使用時所在的對象
文章目的是總結(jié)下這個事情，如果沒有考慮周全，遺漏某一條，請過路的留言寫，我在補上。
在自制行函數(shù)中，this --> window
let obj = {
name: "fung",
getName: ~function(params) {
// this-->window
console.log(this); //window
}()
};
給元素的某個事件綁定方法，當(dāng)事件觸發(fā)執(zhí)行，對應(yīng)方法的時候，方法中的this一般是指當(dāng)前操作的元素本身。
let box = document.getElementById("box");
box.onclick = function () {
// this -- > box
console.log("box", this); //box對象
}
當(dāng)方法執(zhí)行時，看方法的前面有沒有點，如果有點，點前面是誰，this就是指向誰；如果沒有點一般都是指向window
var objTest = {
name: "fung",
getName: function () {
console.log("objTest", this);
},
timeout: function(params) {
setTimeout(function(){
//this --> window
console.log("setTimeout", this);
}, 1000);
}
};
objTest.getName(); //this --> objTest
let fn = objTest.getName;
fn(); // this --> window
在構(gòu)造函數(shù)模式中，方法體中出現(xiàn)的this是當(dāng)前類的一個實例。
function Person(name, age, sex) {
//this --> person(Person類的實例person)
this.name = name;
this.age = age;
this.sex = sex;
console.log("Person", this);
}
let person = new Person("fung", 19, "femail");
在setTimeout函數(shù)中的this一般指向window
objTest.timeout();
call和apply中括號里面的第一個參數(shù)是誰this就指向誰。
let oldObjec = {
name: "oldObjec",
age: 1000,
getName: function() {
console.log("oldObjec getName", this.name);
}
};
let newObjec = {
name: "newObjec",
age: 00,
getAge: function () {
console.log("newObjec getAge", this.age);
}
};
let name = "window";
oldObjec.getName.call(newObjec); //輸出newObjec,說明this指向的是newObjec
newObjec.getAge.call(oldObjec);//輸出1000， 說明this指向的是oldObject
箭頭函數(shù)中的this，就是定義是所在的對象，而不是使用時所在的對象
var age = 111;
function getName () {
setTimeout(() => {
console.log("arrowObjec getName", this.age);
}, 1000);
}
getName.call({age: 2000});
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98863.html
總結(jié)call,apply,bind方法的理解使用和區(qū)別。 call,apply,bind這三個方法在JavaScript中是用來改變函數(shù)調(diào)用的this指向。那么改變函數(shù)this指向有什么用呢？我們先來看一段代碼 var a= { name:harden, fn:function () { console.log(this.name); } } var b =...
摘要：例如通過，調(diào)用時強制把它的綁定到上。箭頭函數(shù)問題箭頭函數(shù)體內(nèi)的對象就是定義時所在的對象，而不是使用時所在的對象，固定不變。 剛?cè)腴Tjavascript，關(guān)于this的學(xué)習(xí)，花了自己挺多的時間，做了比較多的功課，看了一篇又一篇的文章，也看了一些書籍，今天就結(jié)合看的那些東西總結(jié)下自己所學(xué)到的東西，方便留著以后回看，進(jìn)一步的學(xué)習(xí)，這篇文章會不斷的更新，不斷的更新自己的想法，現(xiàn)在還是一個入門不...
摘要：普通函數(shù)調(diào)用函數(shù)在全局作用域下運行在非嚴(yán)格模式下，指向全局對象，在嚴(yán)格模式下，會變成。使用來調(diào)用函數(shù)，或者說發(fā)生構(gòu)造函數(shù)調(diào)用時，會自動執(zhí)行下面的操作。即構(gòu)造函數(shù)的指向它實例化出來的對象。 JavaScript中的this實際上是在函數(shù)被調(diào)用時發(fā)生的綁定，它指向什么完全取決于函數(shù)在哪里被調(diào)用。 先來列舉一下都有哪些函數(shù)調(diào)用方式： 普通函數(shù)調(diào)用 對象方法調(diào)用 call()、apply()...
摘要：構(gòu)造函數(shù)模式這種方法創(chuàng)建自定義的構(gòu)造函數(shù)，從而自定義對象類型的屬性和方法。借用構(gòu)造函數(shù)在子類型構(gòu)造函數(shù)的內(nèi)部調(diào)用超類型構(gòu)造函數(shù)，通過和方法來實現(xiàn)。 JavaScript中沒有類的概念，它不是嚴(yán)格意義上的面向?qū)ο笳Z言，而是基于對象(Object-based)的編程語言。下面是讀《JavaScript高級程序設(shè)計（第三版）》的學(xué)習(xí)筆記，總結(jié)一些常用的創(chuàng)建對象和繼承的方法。 一、創(chuàng)建對象 1...
閱讀 2134·2019-08-29 16:53
閱讀 2709·2019-08-29 16:07
閱讀 2052·2019-08-29 13:13
閱讀 3274·2019-08-26 13:57
閱讀 1340·2019-08-26 13:31
閱讀 2444·2019-08-26 13:22
閱讀 1231·2019-08-26 11:43
閱讀 2094·2019-08-23 17:14
