javascript 函数调用

32371575 发表于 2015-06-21 12:31

大家好，有个关于javascript调用函数的问题想请教下，代码如下：
<!DOCTYPE html>
<html>
<body>

<h1>My fourth page</h1>
<p>My fourth test with JS.</p>

<p id="demo"></p>
<p id="demo2"></p>
<script>

var x = new String();    // Declares x as a String object
var y = new Number();    // Declares y as a Number object
var z = new Boolean();    // Declares z as a Boolean object

var car =
{
type:"MX",
weight:900,
model:"VX",
color:"Black",
ModelName:function()
{
return car.type + " " + car.model + " " + this.color;
}
};

document.getElementById("demo").innerHTML = car.ModelName();

//Test 2

var car2 =
{
type2:"MX",
weight2:1900,
model2:"VX",
color2:"Black",
ModelName2:ModelNamefunc()
};
function ModelNamefunc()
{

document.write(car2.type2)
return car2.type2;
}

document.write(car2.color2)
</script>

</body>
</html>

请问为什么我在ModelNamefunc函数里无法使用car2.type2, 如果我在这个函数里面想取用car2的值，比如type2，该怎么办？
谢谢！

hiterator 发表于 2015-07-15 10:11

本帖最后由 hiterator 于 2015-07-15 10:12 编辑

你看这样可以么?

ModelName2:ModelNamefunc<!DOCTYPE html>
<html>
<body>

<h1>My fourth page</h1>
<p>My fourth test with JS.</p>

<p id="demo"></p>
<p id="demo2"></p>
<script>

var x = new String();    // Declares x as a String object
var y = new Number();    // Declares y as a Number object
var z = new Boolean();    // Declares z as a Boolean object

var car =
{
   type:"MX",
   weight:900,
   model:"VX",
   color:"Black",
   ModelName:function()
            {
                     return car.type + " " + car.model + " " + this.color;
            }
};

document.getElementById("demo").innerHTML = car.ModelName();

//Test 2

var car2 =
{
   type2:"MX",
   weight2:1900,
   model2:"VX",
   color2:"Black",
   ModelName2:ModelNamefunc
};
function ModelNamefunc()
            {

            document.write(car2.type2)
            return car2.type2;
            }

document.write(car2.color2)
car2.ModelName2()
</script>

</body>
</html>

页: [1]

Chinaunix's Archiver

javascript 函数调用