一、用 new操作符调用函数

*Javascript规定,使用new操作符调用函数的四步

• 1.函数体会自动创建出一个空白对象
• 2.函数的上下文(this)会指向这个对象
• 3.函数体内的语句会执行
• 4.函数会自动返回上下文对象,即使函数没有return语句

function fun() {
    this.a = 3; 
    this.b = 5;
}
var obj = new fun();
console.log(obj);   //fun {a: 3, b: 5}

二、类与实例

构造函数和“类”.png

类描述对象拥有的属性和方法，并不具体指明属性的值。
实例是具体的对象。

• Java、c++等是“面向对象”（object-oriented）语言
• Javascript是“基于对象”（object-based）语言

Javascript中的构造函数类比OO语言中的“类”，写法的确类似，但和真正OO语言还是有本质不同。

三、prototype和原型链查找

任何函数都有,prototype即“原型”的意思。

image.png

<script>
        function sum(a, b) {
            return a + b;
        }
        console.log(sum.prototype);
        console.log(typeof sum.prototype);
    </script>

结果.png
普通函数的prototype属性性没有什么用处，而构造函数的prototype属性非常有用。

构造函数的prototype是实例的原型.png

    <script>
        function People(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
        //实例化
        var xiaohong = new People('小红', 12, '女')
        //测试三角关系是否存在
        console.log(xiaohong.__proto__ === People.prototype);
    </script>   
  //true

（二）原型链查找

Javascript规定：，即“原型链查找”

        function People(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
        People.prototype.nationnality = '中国';
        //实例化
        var xiaohong = new People('小红', 12, '女')
        console.log(xiaohong.nationnality);
        //中国

实例结果演示.png
原型链查找的意义.png

（三）hasOwnPrototype属性 和 in操作符

hasOwnPrototype方法可以检查对象是否真正“自己拥有某属性或则方法”

xiaohong.hasOwnPrototype('name');  //true
xiaohong.hasOwnPrototype('sex');  //true
xiaohong.hasOwnPrototype('age');  //true
xiaohong.hasOwnPrototype('nationnality');  //false

in运算符只能

'name' in xiaohong    //true
'age' in xiaohong    //true
'sex' in xiaohong    //true
'nationality in xiaohong    //true