原型和原型链
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