前端笔试

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}}

console.log(typeof typeof typeof null)

class Bar {
    a = 1;
    obj = {
        foo: function () {
            console.log(this.a);
        },
        a: 2
    };
}

var bar = new Bar();
bar.obj.foo()
for (let i = 0; i < 3; i++) {
    document.body.addEventListener('click', function(){
        console.log(i)
    })
}

let a = 1;

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

function bar(func) {
    let a = 2;
    func();
}

bar(foo);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,616评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,020评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,078评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,040评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,154评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,265评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,298评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,072评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,491评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,795评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,970评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,654评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,272评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,985评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,815评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,852评论 2 351

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  • 今天下午参加了网易前端笔试,选择题考了算法,数据结构还有JS有关知识,题目难度相对基础,算是很幸运的,编程题三道,...
    大侠一点红阅读 1,498评论 7 2
  • 一开始写这个认为太宽泛,但觉得多少还是有些关系的吧。 正月里走亲访友我也不能免俗,听到些新鲜事。 饭桌...
    An玓阅读 306评论 0 0
  • 生活中处处充满了仪式感,仪式感顾名思义就是通过某种仪式使自己的内心感到满足。而这种仪式并不单单止于表象上的仪式,任...
    29dd6455887e阅读 440评论 0 2
  • 【想象中1】与老板保持良好的互动,有理有据跟老板汇报项目延迟的原因,并提供解决方案,迅速推进 【实际上1】老板劈头...
    曹门霞客行阅读 668评论 9 10