不同的函数定义方式,new出不同的结果

原创于 2016-07-13 19:47:38 发布 · 394 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数 #new

javascript 同时被 3 个专栏收录

111 篇文章

订阅专栏

js原理

38 篇文章

订阅专栏

疑问

1 篇文章

订阅专栏

本文通过两个实例演示了如何使用不同的JavaScript构造函数来创建对象。对比了两种构造函数(person与Person)在创建新对象时的不同行为，并展示了如何为这些对象添加方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<!--不同的函数定义方式,new出不同的结果-->
<script>

    function person() {
        this.name = 'd1';
        this.getName = function () {
            return name;
        };
        this.setName = function (newName) {
            name = newName;
        };

    }

    console.log(new person().getName());
    console.log(new person());
    var p = new person();
    console.log(p instanceof person); //true
    //console.log(setName('bb'));

</script>
<script>
    function Person() {
        this.name = 'd2';
        return {
            getName: function () {
                return name;
            },
            setName: function (newName) {
                name = newName;
            }
        }
    }

    console.log(new Person().getName());
    console.log(new Person());
    var p = new Person();
    console.log(p instanceof Person);  //false
    p.setName("Tom");
    console.log(p.getName());
</script>
</html>