原型的指向和继承

最新推荐文章于 2022-07-08 16:57:41 发布

weixin_44740410

最新推荐文章于 2022-07-08 16:57:41 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/weixin_44740410/article/details/89191700

版权

原型指向可以发生变化
实例对象中的原型__proto__指向的是创建这个对象的构造函数中的原型对象prototype
构造函数中的原型对象prototype的指向发生了改变,实例对象中的原型__proto__指向也会发生改变
构造函数中的原型对象prototype的指向发生了改变,实例对象中的原型__proto__指向也会发生改变

面向对象的三大特征：封装，继承，多态
封装：包装，把一个值放到变量里去，把一段代码放在一个函数中，把很多个函数放在一个对象中，把很多对象放在一个js文件中
继承:父级类和子级类至今的继承,js没有类,有构造函数,也可以用继承
多态:一个对象有不同行为,或者同一个行为有不同的对象,产生不同的结果,如果要实现多态,就先要有继承,js可以模拟多态,但是不回去使用

继承:
1.通过修改原型对象的指向实现继承
缺陷:所有的属性都是一样的
2.借用构造函数实现继承
构造函数名字.call(当前对象,属性1,属性2,....)
缺陷:虽然可以实现属性的不同,但是方法不能继承
3.组合继承:原型对象+借用构造函数
即可以实现属性不重复,又可以继承方法
4.拷贝继承:把一个对象的属性和方法直接拷贝到另一个对象中
使用for循环,讲一个对象中的所有属性和方法赋值给另一个对象

普通函数中的this指向window
对象方法中的this指向当前实例对象
定时器方法中的this指向window
构造函数中的this指向当前实例对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //创建函数
    //1.函数的声明:function 函数名(){}
    //2.函数表达式:var 函数名=function(){}
    if (true) {
        function f1() {
            console.log("哈哈");
        }
    }else{
        function f1() {
            console.log("呵呵哒");
        }
    }
    f1();

    if (true) {
        var f2=function () {
            console.log("呵呵哒哈哈哈");
        }
    }else {
        var f2=function () {
            console.log("哈哈哈哈");
        }
    }
   f2();
    //尽量使用函数表达式,因为函数声明在IE中会有问题
</script>

</body>
</html>

原型对象中的this指向当前实例对象
事件中的this指向当前事件源

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
    * 对象中有__proto__原型,是对象
    * 函数中prototype原型,是函数,函数也有__proto__原型,函数也是一个对象*/
    function Person() {

    }
    Person.prototype;
    var obj=new Person();
    console.dir(Person);
    console.dir(obj);
    //函数是对象,对象不一定是函数
    console.dir(Math);

    //所有的函数都是function的构造函数创建出来的实例对象
    var f1=new Function("num1","num2", "return num1+num2");
    console.log(f1(1,2));
    console.log(f1.__proto__ == Function.prototype);

</script>
</body>
</html>

weixin_44740410

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原型的指向和继承

原型指向可以发生变化实例对象中的原型__proto__指向的是创建这个对象的构造函数中的原型对象prototype构造函数中的原型对象prototype的指向发生了改变,实例对象中的原型__proto__指向也会发生改变构造函数中的原型对象prototype的指向发生了改变,实例对象中的原型__proto__指向也会发生改变面向对象的三大特征：封装，继承，多态封装：包装，把一个值放到...
复制链接

扫一扫