AICODER大前端培训

AICODER-IT培训专家,前端培训基地,前端培训,全栈培训,大学生IT培训基地,线上IT课程免费自学,线下培训项目实战,实习,html5培训实习-AICODE程序员

在线咨询

JavaScript 面试题目集锦(1)

AICODER官方 发布于: 2019年5月20日 21时32分10秒 阅读181次

1.编程实现fn函数的逻辑

function fn(paths, obj) {
  // 实现逻辑
}

var obj = {
  a: {
    b: {
      c: {
        d: 333
      }
    }
  }
};

// 函数调用获得对应的结果
fn(['a', 'b', 'c', 'd'], obj); // 333  =>  obj.a.b.c.d
fn(['a', 'b', 'c'], obj);      // {d: 333}  =>  obj.a.b.c
fn(['a', 'b'], obj);           // {c: { d: 33}}  =>  obj.a.b
fn(['a'], obj);                // {b: {c: { d: 33}}}  =>  obj.a

fn(['b'], obj); // undefined

答案:

function fn(paths, obj) {
  let temp;
  for(let i = 0; paths && i < paths.length; i++) {
    if(i ===  0) {
      temp = obj[paths[i]];
    } else {
      temp = temp[paths[i]];
    }
    if(temp === undefined) {
      return undefined;
    }
  }
  return temp;
}

  1. 2.求字符串中字符出现的次数

let s = 'abcd09saf*sfdsl09-=@#~!as_=0()';
let res = [];
let m = {};
for(let k of s) {
  if(m[k]) {
    m[k]++;
  } else {
    m[k] = 1;
  }
}

console.log('m :', m);

// 运行结果:

m : { '0': 3,
  '9': 2,
  a: 3,
  b: 1,
  c: 1,
  d: 2,
  s: 4,
  f: 2,
  '*': 1,
  l: 1,
  '-': 1,
  '=': 2,
  '@': 1,
  '#': 1,
  '~': 1,
  '!': 1,
  _: 1,
  '(': 1,
  ')': 1 }
  1. 程序运行结果
var a = 10;
(function () {
    console.log(a)
    a = 5
    console.log(window.a)
    var a = 20;
    console.log(a)
})()

代码解析: 依次输出:undefined -> 10 -> 20

JavaScript的作用域是静态作用域,非执行时期才确定。另外函数内部考察的是变量提升。

类似题目2:

console.log(a + 9);  // undefined =>(Number) NaN,   NaN + 9 => NaN
var a = 10;
function Add() {
  console.log(a);  // undefined
  var a = 8;
  console.log(a);  // 8
}
Add();  // a不是一个函数,抛出异常

3. js闭包题目

// 以下代码运行的结果是:?
for(var i = 0; i < 10; i++) {
  setTimeout(()=>{
    console.log(a);
  }, 1000);
}

// 解决办法
for(var i = 0; i < 10; i++) {
  (function(a){
    setTimeout(()=>{
      console.log(a);
    }, 1000)
  })(i);
}

  1. 4. 计数排序算法题目

var t = [1, 8, 9, 10, 2, 9, 8, 10, 33, 55, 45, 45, 3, 32, 19];

// 数组t为包含 1-100之间的正整数值的无序数组(数组元素的个数不确定)

// 1. 请输出  统计的每个数组元素出现的次数。
// 2. 根据元素出现的次数,合并输出排序后的结果。

var arr = Array(101).fill(0);
t.forEach(function(item) {
  arr[item]++;
})
var result = [];
arr.forEach(function(item, index) {
  result = result.concat(Array(item).fill(index));
})
console.log('result :', result);

  1. 5.函数防抖和事件节流。

事件节流: 类似mousemove等事件需要持续触发的事件,需要进行节流处理,就是每隔30ms执行一次,期间不执行。

事件防抖就是: 30ms内执行一次,如果再次执行,往后继续拖30ms。一般用于:按钮点击多次的处理等。

// 函数防抖
function debounce(fn, wait) {
  var params = [].slice.call(fn, 1);
  var timer;
  return function() {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, arguments);
    }, wait);
  }
}

let fn = debounce((a)=>{
  console.log(a);
}, 400);

fn(333);

// 函数节流
function throttle(fn, gapTime) {
  let _lastTime = null;

  return function () {
    let _nowTime = + new Date()
    if (_nowTime - _lastTime > gapTime || !_lastTime) {
      fn();
      _lastTime = _nowTime
    }
  }
}

let fn = ()=>{
  console.log('boom')
}

setInterval(throttle(fn,1000),10)

  1. 6. 程序运行题目,以下程序输出是?

var out = 25,
inner = {
  out: 20,
  func: function () {
    var out = 30;
    return this.out;
  }
};
console.log((Math.random, inner.func)());
console.log(inner.func());
console.log((inner.func)());
console.log((inner.func = inner.func)());

  1. 请输出以下运行结果?
if (!("a" in window)) {
  var a = 1;
}
console.log(a);

  1. 请输出以下运行结果?
function a(x) {
  return x * 2;
}
var a;
console.log(a);

  1. 请输出以下运行结果?
var a = 1;

var b = function a(x) {
  x && a(--x);
};
console.log(a);

  1. 请输出以下运行结果?
function b(x, y, a) {
  arguments[2] = 10;
  console.log(a);
}
b(1, 2, 3);

  1. 请输出以下运行结果?
function a() {
  console.log(this);
}
a.call(null);  // null 传入的时候,默认走的window对象





AICODER编辑推荐:



报名就业班送基础班

最近分享