• JavaScript原型和原型链


    作用域链与原型链的区别

    作用域:

    作用域是针对变量的,比如创建了一个函数,函数里面又包含了一个函数,那么现在就有三个作用域

    全局作用域==>函数1作用域==>函数2作用域

    作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。

    var a = 1;
    function b(){
        var a = 2;
        function c(){
            var a = 3;
            console.log(a);
        }
        c();
    }
    b();

    最后打印的结果是3,因为执行函数c( )的时候,它在自己的范围内找到了变量a,所以就不会继续往上查找,如果在函数c()中没有找到则会继续向上找,一直会找到全局变量a,这个查找的过程叫做作用域链。

    因为函数c是在函数b中创建的,所以函数c可以在函数b中查找变量a,也就是说函数c的作用域包含了函数b的作用域,当然也包含了全局作用域,但是函数b不能向函数c中查找变量,因为作用域只会向上查找

    原型链是针对构造函数的,比如先创建一个构造函数,然后通过一个变量new了这个函数,那么这个被new出来的函数就会继承创建出来的那个函数的属性,然后如果访问new出来的这个函数的某个属性,但是并没有在这个new出来的函数中定义这个变量,那么它就会(向创建出它的函数中)查找,这个查找的过程叫做原型链

    Object==>构造函数1==>构造函数2

    就像css中的继承一样,如果自身没有定义就会继承父元素的样式

    function a(){};
    a.prototype.name = "原型";var b = new a();
    console.log(b.name); //原型
    作用域链: 从上往下
    原型链: 从下往上
     

    原型概念:原型就是一个属性,这个属性是构造函数的属性,是构造函数制造出来的,对象的公共祖先,后面所有对象都会继承原型的属性和方法

    当谈到继承时,JavaScript只有一种结构:对象。每个实例对象(object)都有一个私有属性(__proto__)指向它的构造函数的原型对象(prototype)。该原型对象也有一个自己的原型对象(__proto__),层层向上直到一个对象的原型对象为null。null没有原型,是原型链中的最后一个环节。

    面试题:什么是原型链?

    Javascript是面向对象的,每个实例对象都有一个proto属性,该属性指向它原型对象,这个实例对象的构造函数有一个原型属性prototype,与实例的proto属性指向同一个对象。当一个对象在查找一个属性的时候,自身没有就会根据proto像它的原型进行查找,如果都没有,则向它的原型的原型继续查找,直到查到object.prototype.proto为null,这样也就形成了原型链。
     
     
     
     
    面试题
    1. javascript中,有几种数据类型?
    2.怎么去判断这些数据类型?
    3.typeof可以返回几种值?
     六种:number string boolean undefined object function
     typeof null
     typeof array
     typeof object
     怎么去区分这三个object?
     Object.prototype.toString.call()
  • 相关阅读:
    什么是 canvas(画布)?
    JavaScript
    JavaScript函数
    JavaScript事件
    JavaScript获取元素
    文件拷贝——高淇JAVA300讲笔记之IO和File
    读取与写出文件——高淇JAVA300讲笔记之IO和File
    File类的常用方法2——高淇JAVA300讲笔记之IO和File
    File类的常用方法1——高淇JAVA300讲笔记之IO和File
    路径常量,绝对路径与相对路径,构造File对象——高淇JAVA300讲笔记之IO和File
  • 原文地址:https://www.cnblogs.com/conlover/p/11040159.html
Copyright © 2020-2023  润新知