JS函数

2016-07-31  本文已影响0人  崔敏嫣

一、问答
1、函数声明和函数表达式有什么区别 (
函数声明和函数表达式都是声明函数的方法。
函数声明:function+函数名+()+{}
函数表达式是通过声明一个变量,然后赋值函数:var 变量=匿名函数
var printname=function(){console.log('byron');};
二者的区别主要是:
(1)函数声明末尾可加;,可不加,但是函数表达式必须加;
(2)程序执行时,会先获取函数声明声明的函数,再获取变量的声明,变量声明,即函数表达式中的变量声明只是先占据空间,命名,未进行真正的赋值,执行会得到unfidend。
2、什么是变量的声明前置?什么是函数的声明前置 (

变量的声明前置是指如console.log(a);var a=1;按照正常情况下,从上到下获取所有被声明的变量,然后再依次从上到下赋值,当执行到console.log会报错,但是变量的声明会前置,其实解析过程为:var a;console.log(a);a=1会提示undefined(只是占内存未赋值,类似于有地基,但是没有盖房子)
函数的声明前置:function函数名(){}声明了一个函数,再程序运行前,提取所有函数声明的函数,之后才正式运行函数。无论函数声明的函数执行语句放在前面还是后面,都能正常执行。
函数表达式,如果函数放前面,表达式放后面,则报错。
3、arguments 是什么 (

argunments是函数调用的时候会自动生成一个对象,所有的函数都有属于自己的一个argumens对象,定义的参数个数和调用的参数个数没有任何关系。它包括了函数所要调用的参数。是一个类数组,不是一个数组。每个传递进行的参数都有先后顺序之分。
4、函数的重载怎样实现 (
在js中没有函数的重载,因为相同的函数,如果定义的参数个数不一样,后出现的会覆盖先出现的。通过arguments不管传递多少函数,都可以得到结果,只是传递进来的参数有先后之分。
5、立即执行函数表达式是什么?有什么作用 (
*)
立即执行函数:定义一个函数,加个()就会立即执行,不用需要调用(function nsay(){var i=888;console.log('hello',i)};)()直接输出'hello' 888
作用是:
(1)立即执行函数
(2)函数中的变量与外部环境的变量隔离,防止了变量的命名冲突,形成独立的空间。

6、什么是函数的作用域链 (****)
作用域链:在全局环境下,是访问不到函数内部的变量,但是在函数执行的过程中,函数里面的元素可以执行函数里面定义的局部变量,如果函数里面没有声明,找不到就往父级去找,当函数内部和外部作用域都没有该变量时,会输出undefined。
二、代码
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('男');

结果 原因

2、写一个函数,返回参数的平方和?如 (难度**)

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

结果

3.如下代码的输出?为什么 (难度*)
console.log(a);
var a = 1;
console.log(b);

只有console。log(a)时.png console.log+赋值.png(由于变量提升 ,显示undefined) 加上未定义.png

4.如下代码的输出?为什么 (难度*)
sayName('world');
sayAge(10);
function sayName(name)
{
console.log('hello ', name); }
var sayAge = function(age){ console.log(age); };

结果 Paste_Image.png

5.如下代码的输出?为什么 (难度**)
function fn(){
}
var 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);

结果 Paste_Image.png

7.如下代码的输出?为什么 (难度***)
var fn = 1;
function fn(fn)
{ console.log(fn); }
console.log(fn(fn));

Paste_Image.png

8.如下代码的输出?为什么 (难度**)
//作用域
console.log(j);
console.log(i);
for(var i=0; i<10; i++)
{ var j = 100; }
console.log(i);
console.log(j);

Paste_Image.png

9.如下代码的输出?为什么 (难度****)
fn();
var i = 10;
var fn = 20;
console.log(i);
function fn(){
console.log(i);
var i = 99; fn2();
console.log(i);
function fn2(){
i = 100; }
}

Paste_Image.png

10.如下代码的输出?为什么 (难度*****)
var say = 0;
(function say(n){
console.log(n);
if(n<3) return;
say(n-1);
}( 10 ));
console.log(say);

Paste_Image.png
上一篇下一篇

猜你喜欢

热点阅读