JavaScript对象字面量和构造函数详解_js中使用对象字面量定义函数-优快云博客

对象中只有两种属性:（一种比较细的分法）

属性(数据属性)比如：名字，年龄，性别，出版社，地址等信息；
方法(封装代码的属性：函数，在这也是一种属性)。

在JS中对象的字面量和构造函数是非常的重点，其实在其他的语言中，是没有对象字面量的。

一.对象的字面量的语法:

{
属性名: 属性值,
属性名: 属性值,
方法名: 你们函数
}

这个大括号括起来的整个代码块就是叫做对象。

var p1 = {  }

①访问对象的属性:

  1. . 语法
        对象.属性

  2. [ ] 语法
    对象["属性名"]

    对象[变量]     通过外面var一个变量，这个变量类型是字符串，然后在[]中直接使用变量名。

②修改属性的值:（当这个属性名在对象字面量中是存在的，那就是修改其值）

③新增属性的值:（当这个属性名在对象字面量中是没有的，那就是新增其属性名和属性值）

修改和新增都是一下语法：
对象.属性名 = 值

④删除对象的属性:

 delete 对象.属性

二.使用构造函数来创建对象:

    function Person(name, sex){
        var a = 10;
        this.name = name;
        this.sex = sex;
        this.speak = function(){

                    }
        }

现在我们new一下：

var p1 = new Person ;

那么我们就叫p1是一个对象，一new出来就会在堆内存中分配一块内存空间。

那么p1的类型就是Person.

那么如果我们用 p1 instanceof Person 检测会返回true，那么 instanceof 就是测试对象类型。

在代码块中，var a = 10 ; 这个语句是一个变量，变量是放在 栈内存 ，但当他执行完一遍这个构造函数时，这个a就消失了，也就是说这个局部变量的生命周期是new出来到执行完构造函数最后一句的就消失了。

但是里面的属性，name sex speak 这些属性上只要p1在他们就在。

那么现在我们再次体会一下局部变量a的生命周期和内存模型中的理解：

<script>
    function Person(name, sex) {
        var a = 10;
        this.name = name;
        this.sex = sex;
        this.outputa = function () {
            console.log(a);
        }
        this.speak = function () {

        }
    }

    var p1 = new Person();
    console.log(p1.a);
    p1.outputa();
</script>