javascript 笔试题-CFANZ编程社区

JavaScript笔试题解析

前言

JavaScript是一种广泛应用于Web开发的脚本语言，它被用于增强用户与网页的交互能力。在前端开发过程中，掌握JavaScript语言的基本概念和常用的编程技巧是非常重要的。本文将通过分析一些JavaScript笔试题，来帮助读者更好地理解JavaScript的核心概念和使用方法。

问题1：变量的作用域

function test(){
  for(var i=0; i<5; i++){
    setTimeout(function(){
      console.log(i);
    }, 1000);
  }
}
test();

上述代码输出结果为：5 5 5 5 5。原因是在for循环中，setTimeout函数会将回调函数放入事件队列中，等待一定时间后执行。而在回调函数执行时，i的值已经变为了5。

为了解决这个问题，我们可以用闭包来保存每次循环的i的值：

function test(){
  for(var i=0; i<5; i++){
    (function(i){
      setTimeout(function(){
        console.log(i);
      }, 1000);
    })(i);
  }
}
test();

上述代码输出结果为：0 1 2 3 4。原因是在每次循环中，通过立即执行函数创建了一个新的作用域，将i的值传递给了回调函数。

问题2：关于计算相关的数学公式

在JavaScript中，我们可以使用Math对象来进行计算相关的操作。下面是一些常用的数学函数和运算符：

Math.abs(x)：返回x的绝对值。
Math.ceil(x)：返回大于或等于x的最小整数。
Math.floor(x)：返回小于或等于x的最大整数。
Math.max(x, y, ...)：返回一组数中的最大值。
Math.min(x, y, ...)：返回一组数中的最小值。
Math.pow(x, y)：返回x的y次幂。
Math.sqrt(x)：返回x的平方根。
Math.random()：返回一个0到1之间的随机数。

通过以上方法，我们可以进行一些常见的数学运算，例如计算三角函数、指数函数、对数函数等。

问题3：面向对象编程

下面是一个使用面向对象编程的示例：

function Shape(color){
  this.color = color;
}

Shape.prototype.getColor = function(){
  return this.color;
};

function Circle(radius, color){
  Shape.call(this, color);
  this.radius = radius;
}

Circle.prototype = Object.create(Shape.prototype);
Circle.prototype.constructor = Circle;

Circle.prototype.getArea = function(){
  return Math.PI * Math.pow(this.radius, 2);
};

var myCircle = new Circle(5, "red");
console.log(myCircle.getArea());
console.log(myCircle.getColor());

上述代码定义了两个类Shape和Circle，Circle是Shape的派生类。通过使用原型继承，Circle可以继承Shape的属性和方法。在创建Circle的实例时，我们可以调用Circle和Shape的方法。