JavaScript面试题(指针、帽子和女朋友)

首先，事情开始于一道面试题

<script>
function A(){
this.name="";
this.age=18;
}
var a1=new A();
a1.name="尼古拉斯·屌";
var a2=a1;
a2.name="blue";
console.log(a1.name); //变成blue了
var str1="尼古拉斯·屌";
var str2=str1;
str2="blue";
console.log(str1); //没变，还是尼古拉斯·屌
</script>
简单来说
a2=a1;
a2.name=xxx; //a1.name会变
str2=str1;
str2=xxx; //str1不会变

欢迎觉得废话太多的同学直接翻到最后看“技术流解释”哈，那么我们开始

套用一句比较俗的话：“道理我都懂，可是为什么字符串就不会变呢”，JavaScript作为高级语言并没有指针的概念，但却又总被这事儿困扰，今天我就想试试让大家理解这个概念，如果要弄明白这个事情，请先来弄明白一个特别简单的事情：

假设你有女朋友叫梦琪，喜欢带黄色帽子，你帮她买了顶红色帽子，请问：梦琪带什么颜色的帽？

答：红色

假设你有女朋友叫梦琪，喜欢带黄色帽子，你直接换了个喜欢带红色帽子的女朋友，请问：梦琪带什么颜色的帽子？

答：还是黄色，没变

如果我们理解了上面这个花心萝卜和戴帽子的女朋友的问题，那么问题就变得非常简单，用代码再表示一遍：

//情况1：换帽子
你.女朋友=梦琪;
你.女朋友.帽子=红色;
console.log(梦琪.帽子); //红色
//情况2：换女朋友
你.女朋友=梦琪;
你.女朋友=安易;
console.log(梦琪.帽子); //黄色，没变

简单来说，你换女朋友了，关人家帽子啥事，对吧

为了彻底弄明白问题的步骤1/2：

让我们把这个本就混乱的关系搞得更乱一些吧[捂脸]

假设张三和李四，都找了同一个女朋友，张三给她买了一顶帽子，请问：李四的女朋友换帽子了没？

答：换了

假设张三和李四，都找了同一个女朋友，张三扛不住了，又新找了个女朋友，请问：这跟李四女朋友的帽子有关系吗？

答：有毛关系啊

上面这个混乱的关系，用程序表述出来就是：

//情况1.换帽子
张三女朋友=李四女朋友; //传说中的引用：第一次见到能把出轨说的这么清新脱俗的
张三女朋友.帽子=绿色的帽子;
console.log(李四女朋友.帽子); //变了，绿的
//情况2.跟帽子有毛关系
张三女朋友=李四女朋友;
张三女朋友=新的女朋友;
console.log(李四女朋友.帽子); //不知道什么颜色，反正没变

为了彻底弄明白问题的步骤2/2：

直接上代码了，解释见注释哈

//情况1：帽子
var 张三女朋友=new 女朋友(); //太方便了有没有
var 李四女朋友=张三女朋友; //又引用了
张三女朋友.帽子=红的;
console.log(李四女朋友.帽子); //红的，变了
//情况2：跟帽子有毛关系
var 张三女朋友=new 女朋友();
var 李四女朋友=张三女朋友;
张三女朋友=另一个;
console.log(李四女朋友.帽子); //没变，跟帽子有毛关系

所以，现在请跟随我再来重新看一遍上面的问题

//情况1
var a1=new A();
var a2=a1;
//注意：在这个时候，a1和a2就是同一个东西，引用嘛，你懂的
a2.name="blue"; //你给女朋友，买了顶新的帽子
console.log(a1.name); //她的帽子是Blue色的
//情况2
var str1="aaa";
var str2=str1;
//注意：这个时候，str1和str2也是同一个东西，也是引用
str2="blue"; //你直接换了个女朋友
console.log(str1); //你原先女朋友没啥变化

人上了年纪就会很啰嗦，直接上图多好：

情况1：a2.name="blue"

情况2：str2="blue"

==========================纯技术流分隔线==========================

1.指针：代表一个变量或属性指向谁

2.赋值：代表改变变量或属性的指向

合起来用：

a1=a2;
a2.name='blue';
//改变a2.name指向了'blue'；但a1和a2依然指向同一个对象，所以：a1.name=>'blue'
str1=str2;
str2='blue';
//改变str2指向了'blue'；这时str1和str2不再指向同一对象，所以：str1不变

以上所述是小编给大家介绍的JavaScript面试题(指针、帽子和女朋友)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • 百度前台js笔试题与答案

    第一题 编写一个方法 求一个字符串的字节长度 第二题 如何控制alert中的换行 第三题 解释document.getElementById("ElementID").style.fontSize="1.5em" 第四题 将一个类似图中的效果分离成css和html 第五题 按照格式 xxxx年xx月xx日xx时xx分xx秒动态显示时间 要求不足10的补0 第六题 编写一个方法 去掉一个数组的重复元素 第七题 说出3条以上ff和ie的脚本兼容问题 第八题 按要求写一个

  • JS面试题---关于算法台阶的问题

    有100格台阶,可以跨1步可以跨2步,那么一个有多少种走法: 今天电话面试.遇到一道算法问题,然后瞬间一脸懵逼: 然后机智的我,自作聪明的想到如果一个人每次都走1步,那么最多100步,每次走2步最少50步:然后明显跑题了...还好对方及时把我打断了...不然我估计要对着这玩意一直死脑经...一路走到黑.. 然后回到家了.拿着偶的mac,然后静静的思考,终于写出来了 var Stairs = new step(); function step(){ this.n1=1; this.n2=2; th

  • 你有必要知道的25个JavaScript面试题

    你有必要知道的25个JavaScript面试题

    1.使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端? 使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof): let obj = {}; let arr = []; console.log(typeof obj === 'object'); //true console.log(typeof arr === 'object'); //true console.log(typeof null

  • 一道常被人轻视的web前端常见面试题(JS)

    一道常被人轻视的web前端常见面试题(JS)

    面试题是招聘公司和开发者都非常关心的话题,公司希望通过它了解开发者的真实水平和细节处理能力,而开发者希望能够最大程度地展示自己的水平(甚至超常发挥).本文提供了众多前端开发面试题,无论是招聘方还是应聘方都值得一看! 前言 年前刚刚离职了,分享下我曾经出过的一道面试题,此题是我出的一套前端面试题中的最后一题,用来考核面试者的JavaScript的综合能力,很可惜到目前为止的将近两年中,几乎没有人能够完全答对,并非多难只是因为大多面试者过于轻视他. 题目如下: function Foo() { ge

  • 7个去伪存真的JavaScript面试题

    下面这7个JavaScript面试问题是你应该在面试前先问的.否则,很有可能会浪费你的时间. 1.创建JavaScript对象的两种方法是什么? 这是一个非常简单的问题,如果你用过JavaScript的话.你至少得知道一种方法.但是,尽管如此,根据我的经验,也有很多自称是JavaScript程序员的人说不知道如何回答这个问题. 使用"new"关键字来调用函数. open/close花括号. var o = {}; 你也可以继续提问,"使用new关键字,什么情况下创建对象?&q

  • javascript笔试题目附答案@20081025_jb51.net

    一.单选题 1.以下哪条语句会产生运行错误:(A) A.var obj = ( ); B.var obj = [ ]; C.var obj = { }; D.var obj = / /; 2.以下哪个单词不属于javascript保留字:(B) A. with B. parent C. class D. void 3.请选择结果为真的表达式:(C) A. null instanceof Object B. null === undefined C. null == undefined D. Na

  • JS前端笔试题分析

    本文实例分析了JS前端笔试题.分享给大家供大家参考,具体如下: 1.如何根据逗号分隔的字符串创建数组呢?请为下面的字符串创建一个数组,并访问第三个元素:"cats,dogs,birds,horses" 知识点:数组和字符串的转换.考察split() 方法.把一个字符串分割成字符串数组(将字符串按某个字符切割成若干个字符串,并以数组形式返回) var animalString="cats,dogs,birds,horses"; var animalArray=anim

  • AngularJS 面试题集锦

    ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是, ng-if 在后面表达式为 true 的时候才创建这个 dom 节点, ng-show 是初始时就创建了,用 display:block 和 display:none 来控制显示和不显示. 第二点区别是, ng-if 会(隐式地)产生新作用域, ng-switch . ng-include 等会动态创建一块界面的也是如此. 这样会导致,在 ng-if 中用基本变量绑定 ng-model ,并在外层 div 中把此 mode

  • JS搜狐面试题分析

    本文实例讲述了几道JS搜狐面试题.分享给大家供大家参考,具体如下: 一.实现一个遍历数组或对象里所有成员的迭代器. var each = function(obj, fn){ //+++++++++++答题区域+++++++++++ //+++++++++++答题结束+++++++++++ }; try{ var data1 = [4,5,6,7,8,9,10,11,12]; var data2 = { "a": 4, "b": 5, "c":

  • JS经典正则表达式笔试题汇总

    本文实例总结了JS经典正则表达式笔试题.分享给大家供大家参考,具体如下: 一.复习字符串的传统操作 如何获取一个字符串中的数字字符,并按数组形式输出,如 dgfhfgh254bhku289fgdhdy675gfh 输出[254,289,675] 分析:循环用charAt()的方法获取到每一个子字符串,判断他是不是在0~9之间,是就把他扔到准备好的数组里 var str="dgfhfgh254bhku289fgdhdy675gfh"; findNum(str); function fin

  • js前端面试题及答案整理（一）

    Part1 手写代码 现场手写代码是现在面试中很常见的一类面试题,考察基础的数据结构与算法能力. 1 数组去重的实现 基本数组去重 Array.prototype.unique = function(){ var result = []; this.forEach(function(v){ if(result.indexOf(v) < 0){ result.push(v); } }); return result; } •利用hash表去重,这是一种空间换时间的方法 Array.prototyp

随机推荐