JavaScript小练习(4)

2018-10-25

JavaScript、html、css 小练习与知识点

1.

下面代码输出什么内容：
function makeNoSense(x){
  this.x = x;
}
makeNoSense(5); // 5 x已经是一个=值为5的全局变量
console.log(x);
function test(){
  this.x = 1;
  alert(this.x);
}
test();// 1
这是函数的最通常用法，属于全局性调用，因此this就代表全局变量Clobal；函数也可以被调用，此时this绑定到全局对象。

2

function Point(x,y){
  this.x = x;
  this.y = y;
  this.moveTo = function(x,y){
    this.x = x;
    this.y = y;
    console.log(this.x+","+this.y);
  }
}
var p1 = new Point(0,0);
var p2 = {x: 0, y: 0};
p1.moveTo(1,1);//1,1
p1.moveTo.apple(p2,[10,10]);//10,10
在上面的例子中，我们使用构造函数生成一个对象p1，该对象同时具有moveTo方法；使用对象字面量创建另一个对象p2，我们看到使用apple方法可以将p1的方法应用到p2上，这时的this也绑定到对象p2上，指向p2；另一个方法call也具备同样的功能，不同的是最后的参数不是作为数组统一传入，而是分开传入的。

3.

下面代码输出什么内容？
(function(){
  var a=b=3;
})();
console.log("a defined?" + (typeof a!=='undefined'));
console.log("b defined?" + (typeof b!=='undefined'));
这里的问题是大多数开发人员错误理解语句 var a=b=3 为：var b=3；var b=3；
但实际上 var a=b=3 为： b=3；var a=b；
因此（如果你不使用严格模式），代码片段的输出将为：
a defined？false；
b defined？true；
注意：如果在严格模式下（即使用 strict），语句 var a=b=3 会产生一个ReferenceError的运行时错误：b没有定义，从而避免了可能导致任何头head-fakes/bugs。（这就是为什么你应该在你的代码中使用strict，一个重要的例子）

4.写一个sum方法，当使用下面的语法调用时它将正常工作：

console.log(sum(2,3));  //Outputs 5
console.log(sum(2)(3));  //Outputs 5

有至少两种方法可以做到这一点：
方法一：
function sum(x){
  if(arguments.lenght == 2){
    return arguments[0] + arguments[1];
  }else {
    return function(y){
      return x + y;
    };
  }
}
在JavaScript中，函数提供对参数对象的访问，该对象提供对传递给函数的实际参数的访问，这使我们能够使用lenght属性在运行时确定传递给函数的参数数量：
如果传递两个参数，那我们就直接相加并返回；
否则，我们假设它是以sun(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给sun（）（本例中为2）的参数和传递给匿名函数的参数
方法二：
function sum(x,y){
  if(y !== undefined){
    return x + y;
  }else{
    return function(y){return x + y;};
  }
}
当函数被调用，JavaScript不需要参数的数量来匹配函数定义中的参数数量，如果传递的参数数量超过了函数定义中的参数数量，则超出的参数将被忽略；另一方面，如果传递的参数少于定于中的参数数量，则在函数内引用时，缺少是参数将具有未定义的值；因此在上面的例子，通过简单地检查第二个参数是否未定义，我们可以确定函数被调用的方式并相应继续。

。。。