js 原型与原型链
1.JS 中所有的函数都有prototype属性,且只有函数才有。
2.其所有属性和方法,都能被构造函数的实例对象共享访问。
Function.__proto__ === Function.prototype
Object.__proto__ === Function.prototype
var a={} 是 var a=new Object() 的语法糖 var a=[] 是 var a=new Array() 的语法糖 function Foo() 是var Foo=new Function() 的语法糖5条原型规则:函数的原型也是继承的原始object的原型啊
1、所有的引用类型(数组,对象,函数),都具有对象的特性,即可自由扩展属性,除了null
2、所有的引用类型(数组,对象,函数),都有一个__proto__属性(隐式原型),其属性值是一个普通的对象
3、所有的函数,都有一个prototype属性(显示原型),属性值也是一个普通的对象
3、所有的函数,都有一个prototype属性(显示原型),属性值也是一个普通的对象
4、所有的引用类型,__proto__属性值指向它的构造函数的prototype属性值
5、当试图得到一个对象的属性时,如果这个对象本身没有这个属性,就会去它的__proto__里找(其构造函数的prototype属性中)
3.JS中constructor存在每一个函数的prototype属性中,其保存了指向该函数的一个引用。
function person() { } console.log(person.prototype.constructor === person) // true4.JS中对象一般都有内置属性,即__proto__(隐式原型链属性),一般情况下它指向创建它的构造函数的prototype属性,另外函数比较特殊,它也有此属性。
function person() { } let p1 = new person() console.log( p1.__proto__ === person.prototype) // true5.当js 引擎查找对象的某个属性时,先查找对象本身是否存在该属性,如果不存在,就会在原型链上一层一层往上查找。
考题 1.如何准确判断变量是数组类型
ary instanceof Array
ary.__proto__ === Array.prototype
Object.prototype.toString.call([])
Array.isArray([])考题 2. Object instanceof Function, Function instanceof Object 输出什么
instanceof 考察 左边的的原型链上的属性是否和右边对象的原型相等
Object 内置对象都有 __proto__属性 Function是有prototype 属性 所已输出 true
Function.__proto__.__proto__ === Object.prototype 第二个 输出true考题 3. 写一个简单的继承
function father() { } function son() { } son.prototype = new father() father.prototype.getSay = function () { console.log('我是爸爸') } let boy = new son() boy.getSay() son.prototype.constructor = son // console.log(son.prototype.constructor) 指son
//<!-- 请问f有方法a 方法b吗--> var F = function () {} Object.prototype.a = function () { console.log('aaaa') } // 构造函数的原型上有a d方法 Function.prototype.b = function () { console.log('bbbb') } var f = new F()f的__proto__指向F.prototype,F.prototype.__proto__指向Object.prototype,所以f 可以取到a方法, 由于f的原型链上没经过Function.prototype,所以取不到b方法。
由于构造函数F是由Function new出来的,所以F.__proto__指向Function.prototype,所以F函数可以取到b方法。