原型链
2018-01-17 本文已影响0人
大乔是个美少女
image.png
image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>原型链</title>
</head>
<body>
<script>
// 字面量
var o1={name: 'o1'};
var o2=new Object({name: 'o2'});
// 构造函数
var m = function(name){
this.name = name;
};
var o3 = new m('o3');
// Object create
var p = {name: 'p'};
var o4 = Object.create(p);
</script>
</body>
</html>
image.png
在JavaScript中，判断一个变量的类型会用typeof运算符，在使用typeof运算符时采用引用类型存储值会出现一个问题，无论引用是什么类型的对象，它都返回“object” 。ECMAScript 引入了 instanceof 解决这个问题。
instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型
image.png
// 判断instanceof是否属于某种类型
function Foo(){}
var foo = new Foo();
console.log(foo instanceof Foo);
// instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型
function Aoo(){}
Foo.prototype = new Aoo();
var foo = new Foo();
console.log ('%s+'+'%s', "Foo" ,foo instanceof Foo);
console.log ('%s+'+'%s', "Aoo" ,foo instanceof Aoo);
image.png
var new2 = function (func) {
var o=Object.create(func.prototype);
var k=func.call(o);
if (typeof k === 'Object'){
return k;
}
else {
return o;
}
总结：
js创建对象的方法有：字面量，构造函数，object构造函数
typeof 在获取实例对象的原型对象时多个原型链的情况下会都返回object，
instanceof 在判断的时候是直接根据你给定的原型对象去判断，实例所在的原型链上的所有原型对象用instance判断的时候都是true
想要判断实例对象的真实对象使用proto.constructor是否为true
实例对象有proto，指向的是原型对象的原型对象prototype
原型对象的prototype： proto、constructor属性。
new运算符的工作原理：先生成一个原型对象的实例，再根据用户的构造函数生成，如果和原型对象一样就使用，不一样就使用构造函数。
