javascript - 关于js构造函数的问题

问题描述

问 题

function Dog1() {
    var color = 'white';
    this.getColor = function() {
        console.log(color);
    }
}

function Dog2() {
    this.color = 'white';
    this.getColor = function() {
        console.log(this.color);
    }
}

var dog1 = new Dog1();
var dog2 = new Dog2();

dog1.getColor();
dog2.getColor();

dog2.getColor()访问的是自身的color属性，但是dog1,getColor()访问的color变量保存在哪里？为什么它可以访问到color变量？这算是闭包吗？

解决方案

JavaScript 的每个函数都是一个作用域，里面的变量能被作用域下的其它成员（主要是指函数）访问到，所以 Dog1 中的 color 作为一个局域变量，是可以被同在 Dog1() 作用域内的 this.getColor 访问到的。这形成了一个闭包。

关于闭包，可以参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures

这篇关于javascript - 关于js构造函数的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！