JavaScript函数深入讲解 5-6 编程练习我不明白

<!DOCTYPE html>

<html>

<head>

<title>方法的调用</title>

</head>

<body>

var person={};

setperson.name="xm";

setperson.age=18;

setperson.sex="male";

person.setperson="xm";

person.setperson=18;

person.setperson="male";

</script>

</body>

</html>

5-6 编程练习

小伙伴们，请用程序描述下列内容：

给一个人(person)通过方法(setPerson)添加属性(name: 'xm', age: 18, sex: 'male')。

该方法接收property和value 2个参数

任务

1. 先定义person对象。

2. 对象内，通过定义setPerson方法，用于添加相应属性(name: 'xm', age: 18, sex: 'male')。

setPerson方法有两个参数property和value，用于接收相应属性及值。

setPerson方法内实现相应属性与值的赋值。

3. 最后通过person.setPerson方法给对象添加以下属性。(name: 'xm', age: 18, sex: 'male')

JH鹰 2017-11-28

源自：JavaScript函数深入讲解 5-7 编程练习

收起

3回答

好帮手慕糖 2017-11-29 17:30:53

你好，你说的有问题是指输出的时候，整体如下，可以参考下哦。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>方法的调用</title>
</head>
<body>
    <script type="text/javascript">
    var person = { 
        setPerson: function(property, value) { 
            this[property] = value; return this; 
        } 
    };
    person.setPerson("name", "xm");
    person.setPerson("age", "18");
    person.setPerson("sex", "male");
    console.log(person.name);
    console.log(person.age);
    console.log(person.sex);
    </script>
</body>
</html>

祝学习愉快~

收起回答

好帮手慕糖 2017-11-29 14:57:32

你好，如下图，去掉等号，属性后的冒号也要去掉，单词拼写错误，请认真检查。

祝学习愉快~

收起回答

提问者 JH鹰 #1

还是有问题

2017-11-29 17:17:08

好帮手慕糖 2017-11-29 10:26:46

你好，这里可参考步骤来完成哦，显示定义对象，然后对象中的方法，例：

var person = {
    setPerson: function (property, value) {
        this[property] = value;
        return this;
    }
};

然后给对象添加属性：

person.setPerson('name', 'xm');
person.setPerson('age', 18);
person.setPerson('sex', 'male');

可以参考理解下哦。

祝学习愉快~

收起回答

提问者 JH鹰 #1

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>方法的调用</title> </head> <body> <script type="text/javascript"> var person = { setPerson: function (property, value) { this[personty]=value; return this; } }; person.setPerson=("name:","xm"); person.setPerson=("age:","18"); person.setPerson=("sex:","male"); console.log(person.setPerson("name:")); //打印怎么还是出错 </script> </body> </html>

2017-11-29 14:19:28