Question

好的，所以我的网页上有div，点击时会分配一个变量。稍后当我点击另一个按钮将它们包含在我发送的电子邮件中时，我需要访问这些变量。我的var mailbody工作，因为它是我认为的局部变量。但是，如果我用frameColour替换它，那么它将不起作用，因为它不是全局的。我怎么能绕过这个？

$('#purple').click (function() {
            $(".border").css("fill", "#763d81");
            var frameColour = "purple";
    });

$("#button").click (function() {
    var mailbody = "hello world.";
    window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mailbody);
});

Answer 1

如果您需要frameColour可用于其他功能，则必须将其范围向上移动;为防止将其添加到全局范围，您可以将相关函数包装在另一个函数中，即：

jQuery(function($) {
    var frameColour;

    $('#purple').click (function() {
        $(".border").css("fill", "#763d81");
        frameColour = "purple";
    });

    $("#button").click (function() {
        var mailbody = "hello world.";
        // you can use frameColour here
        window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mail body);
    }); 
});

Answer 2

在“点击范围”之前做声明。

var frameColour;

$('#purple').click (function() {
            $(".border").css("fill", "#763d81");
             frameColour = "purple";
    });

$("#button").click (function() {
    var mailbody = "hello world.";
    window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mailbody);
});

Answer 3

尝试在功能之外进行delacare。

var frameColour    
$('#purple').click (function() {
        $(".border").css("fill", "#763d81");
        frameColour = "purple";
});

$("#button").click (function() {
    var mailbody = "hello world.";
    window.open('mailto:sales@beauxcadeaux.co.uk?subject=MyFrame&body=' + mailbody);
});

Answer 4

将变量定义为更高的范围，然后从函数内部更改值。

var frameColour;
$('#purple').click (function() {
            $(".border").css("fill", "#763d81");
            frameColour = "purple";
});

$("#button").click (function() {
    var mailbody = "hello world.";
    window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mailbody);
});

Answer 5

您可以通过在函数范围之外声明变量来创建全局变量：

var global_frameColour = "purple";  

$('#purple').click (function() {
   $(".border").css("fill", "#763d81");
   global_frameColour = "purple";
});

$("#button").click (function() {
    var mailbody = "hello world.";

    mailbody += global_frameColour;
    window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mailbody);
});

如果您不希望变量是全局变量，则可以创建自动执行的包装器。在此处声明的任何变量（使用var关键字）将仅限于匿名函数。见下文

(function (){ // declare an anonymous function

    var scoped_frameColour = "purple";  

    $('#purple').click (function() {
      $(".border").css("fill", "#763d81");
      scoped_frameColour = "purple";
    });

    $("#button").click (function() {
      var mailbody = "hello world.";

      mailbody += scoped_frameColour;
      window.open('mailto:sales@beauxcadeaux.co.uk?subject=My Frame&body=' + mailbody);
   });

})(); // this line is important as it executes the anon function

console.log(scoped_frameColour); // undefined; out of scope

如何绕过javascript变量范围

5 个答案: