这个怎么处理,在网页环境下运行出错

VM2027:1 Uncaught SyntaxError: Identifier 'age' has already been declared

at <anonymous>:1:1

at n.runCode (code.js?v=202012151901:1)

at Object.success (code.js?v=202012151901:1)

at j (jquery.min.js:2)

at Object.fireWith [as resolveWith] (jquery.min.js:2)

at x (jquery.min.js:5)

at XMLHttpRequest.b (jquery.min.js:5)

源码

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

</head>

<body>

year = null;

myAge = 2;

year = prompt("请输入出生年份：");

class age {

constructor() {

console.log('初始化年龄');

this._age = 18;

}

get getAge() {

// 获取当前年份

console.log('获取年份');

return this._age;

}

set setAge(year = 2000) {

console.log('设置年份');

let curYear = new Date().getFullYear();

// console.log(typeof parseInt(year),typeof curYear);

if (year.length < 4 || parseInt(year) > curYear) {

return this._age;

} else {

console.log(this._age = curYear - year);

return this._age;

}

let myAge = new age();

myAge.setAge = year;

cYear.innerHTML = `你的年龄为${myAge.getAge}岁`;

myAge = 2;

</script>

</body>

</html>

慕尼黑7895541 2020-12-16

源自：ES6 class 3-6 编程练习

收起

5回答

好帮手慕久久 2020-12-17 15:40:00

同学你好，由于老师对java了解不是很多，所以这个问题“jsp写的话应该是没问题的？”没法给同学特别肯定的答案。垃圾回收机制在js和java中不一样，重要程度也不一样。在js中，如果想要手动回收变量，那么将其值设置成null就可以了，了解即可。

祝学习愉快！

收起回答

好帮手慕久久 2020-12-17 14:01:04

同学你好，学到这个阶段，建议不要用在线编辑器测试代码，可能会发生同学所说的这种问题。老师在在线编辑器上测试，有的时候无法正常运行，有的时候就可以（不是刷新后）：

这与在线编辑器有关，建议同学使用本地编辑器测试，比如vscode。实际开发中，也会用本地编辑器写代码，而不会用这种在线的，因为它们的功能受限，也有bug。

在本地编辑器上测试，代码是对的，同学以本地测试为准即可。

祝学习愉快！

收起回答

提问者慕尼黑7895541 #1

我知道，主要是在线的即使对象已经没有被指向了，还是无法销毁。。。但用jsp写的话应该没问题吗?毕竟js和java回收机制有区别

2020-12-17 15:10:26
提问者慕尼黑7895541 #2

我知道，主要是在线的即使对象已经没有被指向了，还是无法销毁。。。但用jsp写的话应该没问题吗?毕竟js和java回收机制有区别

2020-12-17 15:10:32

好帮手慕久久 2020-12-17 09:47:57

同学你好，new age() 就是实例化出来的实例myAge，那么就把myAge清除即可：

这样处理后，myAge会在程序退出进程时（关闭页面），被垃圾回收机制清除掉。另外，这样修改，代码并不会报错，建议同学新建一个问题，把自己报错的代码粘贴出来，老师再帮同学解答。

由于js不需要手动回收垃圾，所以关于垃圾回收机制的内容，了解即可。

祝学习愉快！

收起回答

提问者慕尼黑7895541 #1

醉了醉了。。。你粘贴到慕课网网页上运行第二次看看，不是编辑器

2020-12-17 11:58:57
提问者慕尼黑7895541 #2

只有刷新才有用

2020-12-17 11:59:24

提问者慕尼黑7895541 2020-12-16 19:17:57

我粘贴错了我想问的是，如果把new age() 清除，给变量赋值null也不行， GC回收还是没删除对象，网页还是报错

收起回答

好帮手慕久久 2020-12-16 19:09:52

同学你好，老师测试你的代码，报错信息与同学的不一样，如下：

原因是myAge先使用，后声明了，如下：

可做如下调整:

另外，建议使用let关键字声明变量，这样更规范，如下：

同学按照上面调整一下，看下能否正常运行，如果不行的话，再把改后的代码粘贴出来，老师再帮你排错。

祝学习愉快！

收起回答

提问者慕尼黑7895541 #1

我粘贴错了我想问的是，如何把new age() 清除，给变量赋值null也不行， GC回收机制还是没删除对象，网页还是报错，而year确可以

2020-12-16 19:19:25
提问者慕尼黑7895541 #2

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <div id="cYear"></div>

    <script>
        year = null;
        year = prompt("请输入出生年份：");
        class age {

            constructor() {
                console.log('初始化年龄');
                this._age = 18;
            }

            get getAge() {
                // 获取当前年份
                console.log('获取年份');
                return this._age;
            }

            set setAge(year = 2000) {
                console.log('设置年份');

                let curYear = new Date().getFullYear();
                // console.log(typeof parseInt(year),typeof curYear);

                if (year.length < 4 || parseInt(year) > curYear) {
                    return this._age;
                } else {
                    console.log(this._age = curYear - year);
                    return this._age;
                }
            }
        }

        let myAge = new age();
        myAge.setAge = year;

        cYear.innerHTML = `你的年龄为${myAge.getAge}岁`;
        myAge = 2;
    </script>

</body>

</html>

2020-12-16 21:15:40