面试⑤

原型和原型链

1.原型的概念：
JavaScript 的所有对象中都包含了一个 [proto] 内部属性，这个属性所对应的就是自身的原型，除了原型 [proto] 之外，还有 prototype 属性，当函数对象作为构造函数创建实例时，该 prototype 属性值将被作为实例对象的原型 [proto]

原型链的概念：
每个对象都有一个__proto__属性，当我们访问一个对象的属性时，
如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象
（可以理解为父对象）里找，如果父对象也不存在这个属性，
则继续往父对象的__proto__属性所指向的那个对象（可以理解为爷爷对象）里找，
如果还没找到，则继续往上找…直到原型链顶端null，这种链条关系就是原型链

隐式原型 （proto）：隐式原型的作用是用来构成原型链，实现基于原型的继承
显式原型（prototype）：用 来实现基于原型的继承与属性的共享

2.基本数据类型（undefined,number,boolean,string,Symbol(ES6新增的基本数据类型),null）
还有一种复杂的数据类型Object，Object本质是一组无序的名值对组成的。

1. typeof
可以判断数据类型，它返回表示数据类型的字符串（返回结果只能包括number,boolean,string,function,object,undefined）；
可以使用typeof判断变量是否存在（如if(typeof a!=“undefined”){…}）；
Typeof 运算符的问题是无论引用的对象是什么类型 它都返回object

2.instanceof
判断 new 关键字创建的引用数据类型
不考虑 null 和 undefined（这两个比较特殊）以对象字面量创建的基本数据类型
instanceof可以判断复杂数据类型，基本数据类型不可以

推荐3.通过Object下的toString.call()方法来判断

Object.prototype.toString.call();
console.log(toString.call(123)); //[object Number]
console.log(toString.call('123')); //[object String]
console.log(toString.call(undefined)); //[object Undefined] 
console.log(toString.call(true)); //[object Boolean]
console.log(toString.call({})); //[object Object]
console.log(toString.call([])); //[object Array]
console.log(toString.call(function(){})); //[object Function]
对于 Object.prototype.toString.call(arg)，

参数为 null 或 undefined，直接返回结果。
若参数不为 null 或 undefined，则将参数转为对象，再作判断。
如何判断一个变量是不是数组？
array.isArray判断，返回true，说明是数组
instanceof Array判断，返回true。说明是数组
使用Object.prototype.toString.call判断，如果值是[object Array],说明是数组
通过constructor来判断，如果是数组，那么arr.constructor === Array(不准确，因为我们可以指定obj.constructor = Array)

4.根据对象的contructor判断
constructor 似乎完全可以应对基本数据类型和引用数据类型 但如果声明了一个构造函数，并且把他的原型指向了 Array 的原型，所以这种情况下，constructor 也显得力不从心
除了null、undefined，因为他们不是由对象构建。
constructor是prototype对象上的属性，指向构造函数。根据实例对象寻找属性的顺序，若实例对象上没有实例属性或方法时，就去原型链上寻找，因此，实例对象也是能使用constructor属性的。

3.Class类
类是具有相同特性和行为的一类事物的统称
类的数据类型就是函数，类本身就指向构造函数。

// function Son(){
//     this.hobby='play';
//     this.age=112;
//     this.say=function(){
//         console.log('hello');
//     }
// }

// function Fa(){
//     this.name='xdcfg';
//     this.aa='fgh'
// }
// 继承父级 通过原型继承  
// Son.prototype=new Fa()

// 构造函数与普通函数区别
// 构造函数首字母大写 普通函数没有new 


// var s=new Son() //new返回一个对象
// new关键字
// 1.新建一个Object对象 var object=new Object()
// 2.通过call,apply,bind 改变函数this指向
// eg. Son.call(obj,'qqq' ) //obj.Son()  
// 将obj替换成Son的调用者 再把参数传入 
// Son.apply(obj,['qqq']) 可以传参 但必须放在数组里
// Son.bind(obj,'qqq')() bind后必须加括号自调用  bind会返回一个函数
// 3.执行函数调用
// 4.隐式返回object对象

// console.log(s);
// console.log(s.aa);
// s.say()


class Person{
    constructor(){
        this.name='tyj';
    }
}

class Sun extends Person{
    // 用extends来实现继承
    constructor(){
        super()  //通过super来调用父级
        this.age=11
    }

    // set和get 为对象的属性设值和取值 必须成对的出现
     set age(a){
         this._age=a
        //  在内部使用要加_ 私有变量
     }
     get age(){
        return this._age
    }
}

var c=new Sun()
console.log(c.age);  //11