美文网首页
函数与作用域

函数与作用域

作者: peaceChierdo | 来源:发表于2017-08-04 18:35 被阅读0次

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

  • 函数声明: 声明不必放到调用的前面
var a= test(6);
function test(x){
    return x*x;
}
  • 函数表达式: 声明必需放到调用的前面
var test = function(x){
   return x*x
}
var a = test(6);

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

在同一作用域下,var 声明的变量和function 声明的函数会前置

console(a);
var a = 1;
//变量声明前置的结果
var a;
console(a);  
a=1;

var a= test(6);
function test(x){
    return x*x;
}
//函数声明前置的结果
function test(x){
    return x*x;
}
var a= test(6);

3. arguments 是什么

http://www.w3school.com.cn/js/pro_js_functions_arguments_object.asp
在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。还可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length 即可。

4. 函数的"重载"怎样实现

在JavaScript中,由于同名函数会被覆盖,因此JavaScript中没有真正的重载,但是可以在函数内部通过针对不同的参数执行相应的逻辑来模拟“重载”

  function printPeopleInfo(name, age, sex){
    if(name){
      console.log(name);
    }

    if(age){
      console.log(age);
    }

    if(sex){
      console.log(sex);
    }
  }

  printPeopleInfo('Byron', 26);
  printPeopleInfo('Byron', 26, 'male');

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

(Immediately-Invoked Function Expression,简称IIFE)

  • 立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行。
  • js中没有块级作用域,可以用立即执行函数来隔离作用域。
  1. 一个立即执行函数能返回值并且可以赋值给其它变量:
var result = (function () {  
    return 2 + 2;  
}()); 
  1. 另外一种实现相同的功能的方法是省略包裹函数的括号,因为当你将立即执行函数的返回值赋值给一个变量时它们不是必需的;
    var result = function () {  
        return 2 + 2;  
    }();  
  1. 还有另一种语法可以实现相同的功能:
    var result = (function () {  
        return 2 + 2;  
    })();  

http://blog.csdn.net/qq838419230/article/details/8030078

6. 求n!,用递归来实现

function factorial(x){
  if(x===1) { return x;}
  else if(x>1) { return x*factorial(x-1);}
  else (return "正整数才有阶乘" )
}

7. 以下代码输出什么?

    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('饥人谷', 2, '男');
/* name:饥人谷
   age:2
   sex: 男
   ["饥人谷", 2, "男"]
    name valley  
 */
getInfo('小谷', 3);  
/* name: 小谷
   age: 3
   sex: undefined
   ["小谷",3]
   name valley  
*/
getInfo('男'); 
/* name: 男
   age: undefined
   sex: undefined
   ["男"]
   name valley
*/

8. 写一个函数,返回参数的平方和?

   function sumOfSquares(){
         var sum=0; // 记得赋值= =
         for(i=0;i< arguments.length;i++){
                sum += arguments[i]*arguments[i];
            }
        return sum;
   }
   var result = sumOfSquares(2,3,4);
   var result2 = sumOfSquares(1,3);
   console.log(result);  //29
   console.log(result2) ; //10

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

    console.log(a);  //undefined   变量a声明前置,但未被赋值
    var a = 1;  
    console.log(b);  //b is not defined    b没声明

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

    sayName('world');  // hello world  函数声明
    sayAge(10);  // sayAge is not a function  这个函数是函数表达式定义的 必须前置才能用
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);  //10
    };

11. 如下代码输出什么? 写出作用域链查找过程伪代码

var x = 10
bar();   
function foo() {
  console.log(x)  // 输出10 (global)
}
function bar(){
  var x = 30
  foo();
}

/*
globalContext = {
     AO: {
        x: 10
        foo: function
        bar: function
   },
     Scope: null
}
foo.[[scope]]==globalContext.AO;
bar.[[scope]]==globalContext.AO;
*/

12. 如下代码输出什么? 写出作用域链查找过程伪代码

var x = 10;
bar(); 
function bar(){
  var x = 30;
  function foo(){
    console.log(x)  
  }
  foo();  // 输出30(bar)
}   
/*
globalContext = {
       AO: {
           x: 10
           bar: function
      },
       Scope: null
barContext = {
  AO: {
    x: 30,
    foo: function
  },
  Scope: bar.[[scope]] //globalContext.AO
}
foo.[[scope]] = barContext.AO
*/

13. 以下代码输出什么? 写出作用域链的查找过程伪代码

var x = 10;
bar();
function bar(){
  var x = 30;
  (function (){
    console.log(x)// 立即执行函数,输出30
  })()
}
/*
globalContext = {
    AO: {
        x: 10
       bar: function
    },
    Scope: null
}
barContext = {
    AO: {
      x: 30
   },
   Scope: globalContext.AO
}
*/

14. 以下代码输出什么? 写出作用域链查找过程伪代码

var a = 1;

function fn(){
  console.log(a)  // (1)输出undefined
  var a = 5
  console.log(a)  // (2)输出5
  a++  ;  // (3)a=6
  var a;  // (4)a=6
  fn3(); //(5)
  fn2() // (8)
  console.log(a)  // (11)输出20

  function fn2(){
    console.log(a) // (9)输出6 
    a = 20 // (10)fn中a=20
  }
}

function fn3(){
  console.log(a) // (6)输出1
  a = 200 // (7)global中a=200
}

fn()  // 输出undefined 5 1 6 20 
console.log(a)  // 输出200
/*
 globalContext = {
       AO: {
         a: 1
         fn: function
         fn3: function
     },
    Scope: null
}
fnContext = {
      AO: {
          a: 5
          fn2: function
      },
     Scope: globalContext.AO
}
fn2Context={
        AO:{
            a: 20
       },
      Scope: fnContext.AO
}
fn3Context = {
      AO: {
          a: 20
      },
     Scope: globalContext.AO
}
*/

相关文章

  • 执行上下文、作用域链、this、闭包

    javascript 执行的是词法作用域,即静态作用域。与之相对的是动态作用域。 静态作用域:函数的作用域在函数定...

  • 作用域和作用域链

    作用域和作用域链 作用域 作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在Java...

  • 作用域

    何为作用域 任何编程语言都有作用域的概念,简单来说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可...

  • JavaScript中的作用域和作用域链(一)

    作用域 1.作用域的概念: 变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。 2.全局作用域与...

  • JavaScript静态作用域解析

    静态作用域与动态作用域 因为 JavaScript 采用的是词法作用域,函数的作用域在函数定义的时候就决定了。而与...

  • 词法作用域 - 2023-02-09

    静态作用域与动态作用域 因为 JavaScript 采用的是词法作用域,函数的作用域在函数定义的时候就决定了。而与...

  • JS基础知识(2) -- 作用域和作用域链

    作用域 作用域就是变量与函数的可访问范围 全局作用域 函数作用域 ES6块级作用域 ES5没有块级作用域,ES6有...

  • 作用域链

    一、作用域 定义:作用域就是变量与函数的可访问范围。作用域控制着变量与函数的可见性和生命周期。 1、全局作用域(G...

  • JavaScript作用域学习笔记

    @(JS技巧)[JavaScript, 作用域] JavaScript作用域学习笔记 概念: 作用域就是变量与函数...

  • 我的JS笔记 -- 作用域

    作用域和作用域链概念 作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaSc...

网友评论

      本文标题:函数与作用域

      本文链接:https://www.haomeiwen.com/subject/cmyvlxtx.html