美文网首页
JavaScript再学习笔记之函数高级(1)

JavaScript再学习笔记之函数高级(1)

作者: 咧咧0622 | 来源:发表于2020-12-05 15:20 被阅读0次

    原型与原型链

    原型(prototype)

    函数的prototype属性

    1. 每个函数都有一个prototype属性,它默认指向一个Object空对象(即原型对象)
    console.log(Date. prototype, typeof Date. prototype )
    function fun () {
    }
    console.log (fun.prototype)     //默认指向一个空Object对象
    
    1. 原型对象中有一个属性constructor,它指向函数对象
    console.log(Date.prototype.constructor===Date )
    console.log(fun.prototype.constructor===fun)
    

    给原型对象添加属性

    1. 函数的所有实例对象自动拥有原型中的属性
    fun.prototype.test = function () {
        console.log('test()')
    }
    

    显式原型与隐式原型

    显式原型

    每个函数 function 都有一个 prototype 属性,即显式原型

    隐式原型

    每个实例对象都有一个 _ _ proto _ _ 属性,即隐式原型

    关系区别

    1. 对象的隐式原型的值为其对应构造函数的显式原型的值
    2. 显式原型 prototype 在定义函数时自动添加,默认值是一个空 Object 对象
    3. 隐式原型 _ _ proto _ _ 在创建实例对象时自动添加,默认值为构造函数的 prototype 属性值

    原型链(隐式原型链)

    作用:
    查找对象的属性(方法)

    当我们在访问一个对象的属性时属性的查找顺序:

    1. 先在自身属性中查找,找到返回
    2. 自身属性没有,沿着 _ _ proto _ _(隐式原型链) 向上查找,找到返回
    3. 原型链到了尽头依然没找到,返回 undefined

    参考资料,B站尚硅谷JavaScript高级教程。

    相关文章

      网友评论

          本文标题:JavaScript再学习笔记之函数高级(1)

          本文链接:https://www.haomeiwen.com/subject/axegwktx.html