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属性(显示原型),属性值也是一个普通的对象
4、所有的引用类型,__proto__属性值指向它的构造函数的prototype属性值
5、当试图得到一个对象的属性时,如果这个对象本身没有这个属性,就会去它的__proto__里找(其构造函数的prototype属性中)
3.JS中constructor存在每一个函数的prototype属性中,其保存了指向该函数的一个引用。
function person() {
   }
   console.log(person.prototype.constructor === person) // true
4.JS中对象一般都有内置属性,即__proto__(隐式原型链属性),一般情况下它指向创建它的构造函数的prototype属性,另外函数比较特殊,它也有此属性。
function person() {

   }
   let p1 = new person()
   console.log( p1.__proto__ === person.prototype) // true
5.当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方法。





全部评论

相关推荐

点赞 1 评论
分享
牛客网
牛客企业服务