码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript原型和原型链

时间:2019-06-20 15:35:30      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:efi   作用域   范围   round   string   区分   制造   面向对象   c中   

作用域链与原型链的区别

作用域:

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

全局作用域==>函数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()

JavaScript原型和原型链

标签:efi   作用域   范围   round   string   区分   制造   面向对象   c中   

原文地址:https://www.cnblogs.com/conlover/p/11040159.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!