js之函数

2016-10-31 本文已影响0人车万里

1.函数声明和函数表达式有什么区别？

函数声明：

function functionName(){
    statement;
}

使用function关键字声明一个函数
函数表达式：

var printName = function(){
    console.log('Byron');
};

声明一个变量赋值其为函数

2.什么是变量的声明前置？什么是函数的声明前置

变量的声明前置：先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部
函数的声明前置：和变量的声明会前置一样，函数声明同样会前置，如果我们使用函数表达式那么规则和变量一样，如果我们使用函数声明的方式，那么即使函数写在最后也可以在前面语句调用。

3.arguments 是什么

arguments可以获取到该函数的所有传入参数

function printPersonInfo(name, age, sex){
    console.log(name);
    console.log(age);
    console.log(sex);
    console.log(arguments);
}

4.函数的重载怎样实现

在JavaScript中没有函数重载的概念，函数通过名字确定唯一性，参数不同也被认为是相同的函数，后面的覆盖前面的

5.立即执行函数表达式是什么？有什么作用

//方法1
( function() {
}() );

//方法2
( function() {
} )();

作用：创建一个独立的作用域，外面访问不到变量，避免污染

6、什么是函数的作用域链

任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。
1.全局作用域
　在代码中任何地方都能访问到的对象拥有全局作用域
2.局部作用域
和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域
作用域链
当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain,不简称sc）来保证对执行环境有权访问的变量和函数的有序访问。作用域第一个对象始终是当前执行代码所在环境的变量对象，如果当前环境没有，就依次访问上一级变量。

代码

1.以下代码输出什么？

 function getInfo(name, age, sex){
    console.log('name:',name); 
    console.log('age:', age);
    console.log('sex:', sex); 
    console.log(arguments);
    arguments[0] = 'valley';
    console.log('name', name);
 }
getInfo('hunger', 28, '男'); 
getInfo('hunger', 28);
getInfo('男');

name:hunger;
age:28;
sex:男；
['hunger',28,'男']
name:valley;

name:hunger;
age:28;
sex:undefined;
['hunger',28]
name:valley;

name:男;
age:undefined;
sex:undefined;
['男']
name:valley;

2.写一个函数，返回参数的平方和？如

function sumOfSquares(){
   var sum=0;
    for(var i=0;i<arguments.length;i++){
      sum +=arguments[i]*arguments[i];
    }
console.log(sum);
 } 

sumOfSquares(2,3,4); // 29 
sumOfSquares(1,3); // 10

3.如下代码的输出？为什么 ?

console.log(a); //undefined;
var a = 1;
 console.log(b);//报错

声明（var）会被前置，所以a是undefined，而b未被声明，所以报错。

4..如下代码的输出？为什么

sayName('world'); 
sayAge(10);
function sayName(name){
 console.log('hello ', name); 
}
 var sayAge = function(age){ 
      console.log(age);
 };

hello world;
未定义

因为声明和定义函数会前置，可转换为

var sayAge
function sayName(name){
 console.log('hello ', name); 
}
sayName('world'); 
sayAge(10);
sayAge = function(age){ 
      console.log(age);
 };

5.如下代码的输出？为什么

function fn(){
}
 var fn = 3;
 console.log(fn);//3

可转化为

 var fn
function fn(){}
 fn = 3;
 console.log(fn);/

6.如下代码的输出？为什么

function fn(fn2){ 
  console.log(fn2); 
  var fn2 = 3;
  console.log(fn2); 
  console.log(fn);
  function fn2(){
     console.log('fnnn2');
  }
 }
 fn(10);

  function fn2(){
     console.log('fnnn2');
  }

3

function fn(fn2){ 
  console.log(fn2); 
  var fn2 = 3;
  console.log(fn2); 
  console.log(fn);
  function fn2(){
     console.log('fnnn2');
  }
 }