master

分支 (1)

管理

管理

master

learning-es6
/
1.原型链.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.当访问一个对象的属性或方法时，会先在对象自身上查找属性或方法是否存在，如果存在就使用对象自身的属性或方法。如果不存在就去创建对象的构造函数的原型对象中查找 ，依此类推，直到找到为止。如果到顶层对象中还找不到，则返回 undefined。
        // 2.原型链最顶层为 Object 构造函数的 prototype 原型对象，给 Object.prototype 添加属性或方法可以被除  null 和 undefined 之外的所有数据类型对象使用。
        function Drag() {
            // this.ele  = 'some value ...'
        }
        // Drag.prototype.ele = 'prototype value ...'

        Object.prototype.ele = 'obj value...' //最终找到Object

        let drag1 = new Drag()
        // 首先会获取构造函数内
        console.log(drag1.ele) //some value ...

    </script>
</body>

</html>