大家在对JS原型进行解释的时候,会涉及两个概念:构造函数、原型对象
构造函数:
1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写
2、构造函数和普通函数的区别:调用方式不一样。作用也不一样(构造函数用来新建实例对象)
3、调用方式不一样,只要通过 new 操作符来调用,那就是作为构造函数使用,此时this指向new出的实例;如果不通过 new 操作符来调用,那就是作为普通函数使用。
<script>
// 可以把构造函数看成是某个类型
// 一个构造函数加new运算符之后 会进行以下4步操作
/*
* 1.创建一个新对象
* 2.改变构造函数里的this指向,指向这个新创建的对象
* 3.执行构造函数里的代码
* 4.返回这个新对象
*/
function Person(name) {
this.name = name;
this.sayHello = function() {
console.log(this.name);
};
}
var person = new Person("john"); //创建实例
</script>
原型对象:
在 JavaScript 中,每当定义一个对象(函数也是对象)时候,对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性,这个属性指向函数的原型对象。
// 每一个函数都有一个原型对象prototype,每一个原型对象都有一个指向构造函数的指针constructor
// 原型对象上的属性和方法能被实例所访问到
function Person(){
}
Person.prototype.name = "john";
Person.prototype.sayHello = function(){
console.log(this.name);//this指向实例
}
var person = new Person();
var person1 = new Person();
//无法传参
console.log(person.sayHello == person1.sayHello);//true
原型链:
1.什么是原型链?
原型链的核心就是依赖对象的_proto_的指向,当自身不存在的属性时,就一层层的扒出创建对象的构造函数,直至到Object时,就没有_proto_指向了。
2.如何分析原型链?
因为_proto_实质找的是prototype,所以我们只要找这个链条上的构造函数的prototype。其中Object.prototype是没有_proto_属性的,它==null。