JavaScript-无法访问功能

Question

在以下代码中访问saluteFriends和sayHelloLater方法时需要帮助。 我对方法范围感到困惑。 猜测是因为这两种方法都是私有的，因此无法访问。

    function Person(name, friends) {
        // friends is a list of strings 
        var say = function (sentence) {
            console.log(name + ' says: ' + sentence);
        };

        Person.prototype.sayHello = function (otherName) {
            this.say('hello ' + otherName + '!');

        };

        this.saluteFriends = function () {
            friends.forEach(function (friend) {
                sayHello(friend);
            });
        };

        this.sayHelloLater = function (delay, otherName) {
            setTimeout(function () {
                this.sayHello(otherName);
            }, delay);
        };
    }

    var frnds = ["sam", "mathew"];
    var fcall = new Person("alan", frnds);
    fcall.saluteFriends();

Answer 1

function Person(name, friends) {
    // friends is a list of strings 
    this.say = function (sentence) {
        console.log(name + ' says: ' + sentence);
    };

    Person.prototype.sayHello = function (otherName) {
        this.say('hello ' + otherName + '!');

    };

    this.saluteFriends = function () {
        friends.forEach(function (friend) {
            this.sayHello(friend);
        }.bind(this));
    };

    this.sayHelloLater = function (delay, otherName) {
        setTimeout(function () {
            this.sayHello(otherName);
        }, delay);
    };
}

var frnds = ["sam", "mathew"];
var fcall = new Person("alan", frnds);
fcall.saluteFriends();

您需要在要创建的对象上附加方法say的方法。 因此，将var say更改为this.say 。 然后，您需要.bind在this方面给forEach的内部方法saluteFriends 。 否则， forEach内部的this函数将引用回调函数。 然后，您需要通过将sayHello放在this前面来调用sayHello ，如下所示： this.sayHello 。

Answer 2

有差异，在原型函数创建一次 ，每个实例之间共享，而不是在构造函数创建的函数，其作为与构造创建的每个新对象的新对象创建 。

因此，您不能使用this关键字调用原型函数。 此外，您已经将say()函数声明为对象的私有成员，因此不需要this关键字。

function Person(name, friends) {
    // friends is a list of strings 
    var say = function (sentence) {
        console.log(name + ' says: ' + sentence);
    };

    Person.prototype.sayHello = function (otherName) {
        //say function is a private function, no need of "this" keyword
        say('hello ' + otherName + '!');

    };

    this.saluteFriends = function () {
        friends.forEach(function (friend) {
            //sayHello function is attached to the prototype, bind the context
            this.sayHello(friend);
        }.bind(this));
    };

    this.sayHelloLater = function (delay, otherName) {
        setTimeout(function () {
            this.sayHello(otherName);
        }.bind(this), delay);
    };
}

var frnds = ["sam", "mathew"];
var fcall = new Person("alan", frnds);
fcall.saluteFriends();
fcall.sayHelloLater(1000, "john");

为供您参考，我在ES2015中编写了相同的代码，使我们可以使用class ， arrow function或string interpolation 。 而且，箭头函数this不进行绑定。

class Person {

  constructor(name, friends) {
    this.name = name;
    this.friends = friends;
  }

  say(sentence) {
    console.log(`${this.name} says: ${sentence}`);
  }

  sayHello(otherName) {
    this.say(`hello ${otherName}`);
  }

  saluteFriends() {
    this.friends.forEach(friend => this.sayHello(friend));
  }

  sayHelloLater(delay, otherName) {
    setTimeout(() => this.sayHello(otherName), delay);
  }

}

const person = new Person("paul", frnds);
person.saluteFriends();
person.sayHelloLater(1000, "jack");