調用Object Method會出現“Uncaught TypeError：is not a function”錯誤

Question

問題：調用（ console.log(d.yakinlik.uzak.X1()) ）這個函數

function Div(isim) {
    this.loc = document.getElementById(isim);
    this.getStyle = function (stili) {
        return window.getComputedStyle(this.loc).getPropertyValue(stili);
    };
    this.getIntStyle = function (stili) {
        return parseInt(this.getStyle(stili), 10);
    };
    this.yakinlik = {
        uzak: {
            X1: function () {
                return this.getIntStyle('left');
            }
        }
    };
}

給

未捕獲的TypeError：this.getIntStyle不是函數

我嘗試過使用：

    this.yakinlik = {
        uzak: {
        },
        orta: {
        },
        yakin: {
        },
        cokyakin: {
        }
    };
    this.yakinlik.uzak.X1 = function () { return this.getIntStyle('left'); };

但它也失敗了。 但是當我在這里不使用方法時這個this.yakinlik.uzak.X1 = function () { return this.getIntStyle('left'); }; this.yakinlik.uzak.X1 = function () { return this.getIntStyle('left'); }; 像這樣this.yakinlik.uzak.X1 = this.getIntStyle('left'); 它工作（實際上它給NaN，但它是正常的，因為它沒有重新計算，所以我必須在那里使用一個方法。）。

以下是代碼的相關部分：

'use strict';
function Div(isim) {
    this.loc = document.getElementById(isim);
    this.getStyle = function (stili) {
        return window.getComputedStyle(this.loc).getPropertyValue(stili);
    };
    this.getIntStyle = function (stili) {
        return parseInt(this.getStyle(stili), 10);
    };
    this.yakinlik = {
        uzak: {
        },
        orta: {
        },
        yakin: {
        },
        cokyakin: {
        }
    };
    this.yakinlik.uzak.X1 = function () { return this.getIntStyle('left'); };
}

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}



var d = new Div("d");
d.loc.style.left = getRandomInt(0, window.innerWidth - 50) + "px";
d.loc.style.top = getRandomInt(0, window.innerHeight - 50) + "px";
console.log(d.yakinlik.uzak.X1() + " " + d.getIntStyle('top'));

如何在不使用房產的情況下解決這個問題？

謝謝。

Answer 1

問題是你正在調用d.yakinlik.uzak.X1() ，所以在X1 ， this將引用uzak對象而不是沒有getIntStyle屬性的Div實例。

一種解決方案是使用類似的閉包變量

function Div(isim) {
    this.loc = document.getElementById(isim);
    this.getStyle = function (stili) {
        return window.getComputedStyle(this.loc).getPropertyValue(stili);
    };
    this.getIntStyle = function (stili) {
        return parseInt(this.getStyle(stili), 10);
    };
    var div = this;
    this.yakinlik = {
        uzak: {
            X1: function () {
                return div.getIntStyle('left');
            }
        }
    };
}

演示： 小提琴