javascript原型链与作用域

现在校招也基本结束了,所以有时间把这段时间遇到的问题做个总结.在很多的笔试题目中,发现有很多对JS作用域方面的考察,所以查阅资料总结一下.

众所周知,js不像其他OOP语言那样,他是一种弱类型的语言,对数据类型没有很明显的区别.还有一点不同是它的作用域,引起这点不同主要是因为js的继承方式是通过原型链的方式来实现的.

a)js没有块级作用域,所谓块级作用域即if,for,while(花括号括起来的部分)语句里面的部分.测试如下(Chrome浏览器).

下面为输出结果

从结果可以看出,js不存在块级作用域,一样可以输出str1.

b)js里面只有函数作用域,以及全局作用域,下面分析函数作用域.

下面为输出结果

从结果可以看出js存在函数作用域,所以在fun1以外str2未定义.要想搞明白js的作用域就要牵扯到原型链的问题,下面对其简单分析.

c)当在当前作用域找不到指定对象或变量时,js会通过原型链向上寻找,即查找当前作用域的父级作用域,如若仍未找到,仍会向上寻找,直到找到,或找到根节点未找到为止.

下面为输出结果:

从结果可以看出,fun2中仍然可以输出str4,因为它的父级作用域为全局作用域,且全局作用域中存在str4变量.

d)关于上面说的父级作用域,还有一种情况,就是假如调用的是函数,即函数嵌套时,父级作用域的指代.

这点容易让人迷惑,误以为会输出Eric,但结果却不是这样的,结果如下:

从结果可以看出,输出的是gaohui而不是Eric,此时的父级作用域指的是函数定义地方作用域的父级作用域,而不是函数调用的地方的父级作用域.


在此只是对面试过程中关于js的作用域方面的问题做了简单的分析,其中涉及到更为复杂的js原型链的问题没有深入说明,若想深究,搞明白,可参考这边博文http://www.cnblogs.com/wangfupeng1988/tag/%E5%8E%9F%E5%9E%8B%E9%93%BE/

时间: 2024-09-28 22:14:41

javascript原型链与作用域的相关文章

JavaScript原型链与作用域链

layout: 'page' title: '原型链与作用域链' date: 2019-09-30 15:38:38 tags: JAVASCRIPT categories: JAVASCRIPT 原型 所有函数自带一个属性:prototype,属性值是一个对象,存储供实例调用的公共方法 这个对象自带属性constructor,属性值是函数本身 每个对象自带_ _proto__的属性,这个属性指向当前实例所属类的prototype(如果不能确定他是谁的实例,都是Object的实例) 原型链 如果

关于JS的原型链和作用域链

最近在看<Javascript高级程序设计第三版>,用了两周把前七章磕磕绊绊的读完了,也阅读了许多大牛们写的博客,对JS的理解有了很大的提高,不过要将这么多的知识全部融会贯通还有还需要多多练习,加深自己的理解,今天就将自己迷糊的几个地方列出来写写自己的理解,新手小白,如有错误欢迎大家指正(: 1.原型链和作用域链的概念模糊 这个问题可能有人觉得很无厘头,不过确实在我学习过程中突然出现而且让我产生很大的困扰,觉得是不是之前自己的理解就出现很大的问题.出现这个问题的原因是第七章函数表达式,原先在单

深入理解JavaScript原型链

前言 最近碰到一个题,大家可以试下. Object.prototype.a = function() { console.log("aaa "+this.name); }; Function.prototype.b = function() { console.log("bbb "+this.name); }; function Person(name) { this.name = name; } var person = new Person("Chin

轻松搞定javascript原型链 _proto_

//如有错误或不同观点,欢迎批评与讨论!首先,prototype出现的目的,是为了解决 代码重用 的问题 , prototype 相当于是在内存上划分出一个公共的区域, 专用于存放 实例化对象 的相同方法或属性, 一份代码,人人可用:为方便理解,我们可以先把prototype 当作是CSS中的 class,在prototype上加方法和属性,那么其它对象就会拥有这些方法和属性, 但这些代码紧有一份!<script>function Person(){this.name = '张三'; this

JavaScript学习总结(十七)——Javascript原型链的原理

一.JavaScript原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法.其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.在JavaScript中,用 __proto__ 属性来表示一个对象的原型链.当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止! 比如现在有如下的代码: 扩展Object类,添加Clone和Extend方法 1 /*扩展Object类,添加Clone,JS实现克隆的方法*/ 2 Ob

Javascript 原型链资料收集

Javascript 原型链资料收集 先收集,后理解. 理解JavaScript的原型链和继承 https://blog.oyanglul.us/javascript/understand-prototype.html 继承与原型链 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain 最详尽的 JS 原型与原型链终极详解,没有「可能是」. https://www.j

明白JavaScript原型链和JavaScrip继承

原型链是JavaScript的基础性内容之一.其本质是JavaScript内部的设计逻辑. 首先看一组代码: 1 <script type="text/javascript"> 2 function parent(){ 3 this.name="cehis"; 4 } 5 6 function son(){ 7 this.age=11; 8 } 9 10 function sub(){ 11 this.sex="nan"; 12 }

原型链和作用域链

一.原型链: 1.原型对象: 每一个构造函数都有一个prototype属性,这个属性就叫原型对象. 每一个构造函数new出来的对象都有一个--proto--属性,这个属性指向原型对象. <script> function Car(){ //实例属性: //this.produce = 'chevrolet', this.price = 8800000; } //原型属性: Car.prototype.produce = "BMW"; var chevrolet = new

web前端安全-JavaScript 原型链污染

0x01 前言 最近看到一篇原型链污染的文章,自己在这里总结一下 0x02 javascript 原型链 js在ECS6之前没有类的概念,之前的类都是用funtion来声明的.如下 可以看到b在实例化为test对象以后,就可以输出test类中的属性a了.这是为什么呢? 原因在于js中的一个重要的概念:继承. 而继承的整个过程就称为该类的原型链. 在javascript中,每个对象的都有一个指向他的原型(prototype)的内部链接,这个原型对象又有它自己的原型,直到null为止 functio