美文网首页
前端笔试

前端笔试

作者: 卡农me | 来源:发表于2017-08-29 14:22 被阅读26次

1.变量的提升

a=2;
var a;
console.log(a);

结果输出为2。由于var a;变量提升,提升到代码的顶端

console.log(a);
var a = 2;

结果输出是undefined。只有var a;才会提升。a=2;并不会提升。

var val = 100;
function wangyi(){
console.log(val);
var val = 200;
console.log(val);

}
wangyi();

输出:undefined 200;同上
函数声明的提升

foo(); //3

function foo(){
   console.log(1);
}

var foo = function(){
    console.log(2);
}

foo(); //2

function foo(){
   console.log(3);
}

一道容易做错的前端题
2.IIFE立即执行函数实际上是函数声明后直接调用执行

var a = 10;
function f1(){
  console.log(a);
}
f1();

(function(){
  var a = 20;
  f1();
}());

(function(f2){
  var a = 30;
  f2();
}(f1));

答案:10,10,10

var a =1;
function f(){
var a =2;
var e = eval;
e('console.log(a)');

}
f();

答案:1

2 == true; // false
console.log("11"+2-"1");//111
运算顺序:

    • 字符串运算:从左到右
      2.加减乘除:从左到右
      3.赋值运算=、 +=、 -=,? : :从右到左
var undefined;
undefined == null; // true
1 == true;   // true
2 == true;   // false
0 == false;  // true
0 == '';     // true
NaN == NaN;  // false
[] == false; // true
[] == ![];   // true

var foo = "11"+2-"1";
console.log(foo);
console.log(typeof foo);
//执行完后foo的值为111,foo的类型为Number

var foo = "11"+2+"1";    //体会加一个字符串'1' 和 减去一个字符串'1'的不同
console.log(foo);
console.log(typeof foo);
//执行完后foo的值为1121(此处是字符串拼接),foo的类型为String

4.输出今天的日期,以YYYY-MM-DD的方式,比如今天是2014年9月26日,则输出2014-09-26

var d = new Date();
// 获取年,getFullYear()返回4位的数字,**注意是FullYear**
var year = d.getFullYear();
// 获取月,月份比较特殊,0是1月,11是12月
var month = d.getMonth() + 1;
// 变成两位
month = month < 10 ? '0' + month : month;
// 获取日
var day = d.getDate();
day = day < 10 ? '0' + day : day;

5.将字符串<tr><td>{$id}</td><td>{$id}</td><td>{$id}_{$name}</td></tr>,{$id}替换成10,{$name}替换成Tony (使用正则表达式)

var aa = "<tr><td>{$id}</td><td>{$id}</td><td>{$id}_{$name}</td></tr>";
var bb = aa.replace(/{\$id}/g, '10').replace(/{\$name}/g, 'Tony');
console.log(bb);

6.把两个数组合并,并删除第二个元素。
字符串没有splice方法,只有slice,数组有splice.
concat()字符串和数组都有

var a1 = [1,2,3]
var a2 = [4,5,6]
var a3 = a1.concat(a2);
a3.splice(1,1)
console.log(a3);
 var a = {n:1};  
 var b = a; // 持有a,以回查  
 a.x = a = {n:2};  
 alert(a.x);// --> undefined  
 alert(b.x);// --> {n:2}

a = a.x = {n:2}和a.x = a = {n:2}的结果是一致的原因是,属性访问表达式优先级高于“=”号,无论哪种赋值方式都是先执行a.x,所以a 指向是{n:1},添加属性x之后,被重新赋值{n:2}对象。

var a = {n: 1}
var b = a;
a.x = a = {n: 2};
console.log(a.x);
console.log(b.x)

undefined
{n: 2}
解答:第三句里的主要难点在js运算符的优先级,访问属性、调用方法运算符"."的优先级高于赋值运算符。因此执行顺序是

给a添加属性x,此时a,b都是 { n:1,x:undefined },a.x 运算后的结果即为这个object(可以说也就是b)的x属性值。
把{n:2}赋值给a,此时a是 {n:2},是一个新的对象。 b是{ n:1,x:undefined }。
由于( . 运算符最先计算)一开始js已经先计算了a.x,便已经解析了这个a.x是对象A的x,所以在同一条公式的情况下再回来给a.x赋值,也不会说重新解析这个a.x为对象B的x。

所以 a.x=a 应理解为对象A的属性x指向了对象B:

(这个时候a.x 已经运算完了,不会再与a产生任何关系,a.x依旧代表那个n为1对象的x属性值,和a已经没关系了。)
把{n:2}赋值给a.x 也就是 { n:1,x:undefined }这个对象的x属性,这个时候b依旧指向这个object,因此此时,a是{n:2},b是{n:1,x:{n:2}}

相关文章

  • 前端笔试

    1.变量的提升 结果输出为2。由于var a;变量提升,提升到代码的顶端 结果输出是undefined。只有var...

  • 前端笔试(一)

    1.有一个长度未知的数组a,如果它的长度为0就把数字1添加到数组里面,否则按照先进先出的队列规则让第一个元素出队。...

  • 前端笔试集锦

    选择题 1、设散列表长度为m,散列函数为H(key)=key%p,为了减少发生冲突的可能性,p应取(小于或等于m的...

  • 前端笔试题

    拼多多2018校招前端笔试题之一,完成一个函数对各种变量进行复制且不影响原变量。 美团笔试题, 密码验证,要求 密...

  • 前端笔试整理

    前言 最近招聘会,内推,网申,笔试,面试很多,让人眼花缭乱,为了再接下来校招中找到一个适合的工作,做一份关于前端的...

  • 前端笔试、面试

    让 BAT 的 Offer 不再难拿 随着各大公司春招的开始,很多小伙伴都行动起来了,我有幸能够加入百度并和大家分...

  • 前端校招面试题小汇总

    前言:前段时间去面试了几家校招前端,感觉有些笔试题还是挺有难度的,这边记录下来,答案会慢慢更新。 前端笔试题一(年...

  • 单击Button1后将Button1移动到Button2的后面

    如题,记录一道前端笔试题 代码: 效果截屏:

  • 2018-09-09

    前端笔试第一坑:nodejs输入输出(一): 参考:nodejs oj在线笔试应对方案(讲几种输入处理方法) - ...

  • CSS面试笔试题

    CSS前端面试 系列文章: HTML及HTTP面试笔试题JavaScript面试笔试题 1.CSS有什么书写顺序?...

网友评论

      本文标题:前端笔试

      本文链接:https://www.haomeiwen.com/subject/rimodxtx.html