函数

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

1.函数声明必须有标识符,也就是常说的函数名;函数表达式可以省略函数名。

函数声明

function functionName(arg1.arg2){
//to do
}

函数表达式

  • 省略标志符
var variable=function(arg1,  arg2, ...){
//to do
}
  • 带有标识符
var variable=function functionName(arg1, arg2, ...){
//to do
} 

2.函数声明会提前,函数表达式什么时候遇到什么时候执行

callName();
function callName(){
    console.log("my name is xxx");
}
callName();
var callName=function(){
    console.log("my name is xxx")
};

上面的第一种函数调用方法是正确的,可以输出my name is xxx,因为函数调用语句可以放在函数声明之后。而上面的第二种函数调用的方法是不能输出my name is xxx的。

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

  • 变量的声明前置:变量声明语句无论出现在何处,都会先于其他代码首先被执行。要注意的是,变量赋值并没有被提升,只是声明被提升了。
  • 函数声明提升:只要函数在代码中进行了声明,无论它在哪个位置上进行声明, js引擎都会将它的声明放在范围作用域的顶部,意味着可以把函数申明放在调用它的语句后面。
sayHi();
function sayHi() {
    console.log("hi");
}
  • 变量声明 VS 函数声明:函数声明会覆盖变量声明,但是如果在变量声明的同时,对变量进行初始化,那么其优先级高于函数声明。
var a; // 声明一个变量,标识符为a
function a() { // 声明一个函数,标示符也为a
}
alert(typeof a);//显示结果“function”
function a() {
}
var a;
alert(typeof a);//显示结果function

声明a时同时赋值:

function a() {
}
var a = 1; // 此处有赋值
alert(typeof a);//显示“number”而不是“function”

如果把var声明语句放在最上面,结果也是一样的:

var a = 1; //  此处有赋值
function a() {
}
alert(typeof a);//显示“number”

3.arguments 是什么 (*)

1.JS中,arguments实际上是当前函数的一个内置属性, 和数组很像,但函数的 arguments 对象并不是一个数组,arguments变量有且只有一个length属性,Array的方法,例如push、pop 等,它并不具备,它只是一个“伪数组”,访问单个参数的方式与访问数组元素的方式相同。
在JS中,不需要明确指出参数名,就能访问他们:

function callName(){
if(arguments[0]=="lisa"){
    return;
}
console.log(arguments[0];
}

2.arguments对象的长度——arguments.length为函数实参个数
3.JS中没有重载函数的功能,但是arguments 对象能够模拟重载。
4.arguments.callee返回此arguments对象所在的当前函数引用。在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

4.函数的重载怎样实现 (**)

JS中先定义的函数会被后定义的函数覆盖,想要实现函数的重载,可以借助arguments的length属性,检测参数个数,模拟函数重载。例子如下:

function doMath(){
    if (arguments.length == 1){
         console.log(arguments[0]);
    }
    else if(arguments.length ==2){
         console.log(arguments[0]*arguments[1]);
    }
}
doMath(2);
doMath(4,8);

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

立即执行函数是一种语法,可以让你的函数在定以后立刻被执行,例如:

//创建一个函数表达式立刻执行
//写法一
(function(){
console.log("hellow");
}());
//写法二
(function(){
console.log("hellow");
})();

作用:

  • JavaScript中没有命名空间,而且只有function代码块内部可以隔离变量作用域,自调用匿名函数就用来防止变量弥散到全局,以免各种js库冲突。
  • 这种模式经常被使用在书签工具(bookmarklets)中,因为书签工具在任何页面上运行并且保持全局命名空间干净是非常必要的;
  • 这种模式也可以让你将独立的功能封装在自包含模块中(self-contained modules)。假如你的页面是稳定的并且在没有JavaScript情况下能正常工作,然后本着逐步加强的想法,你加入了一些代码加强页面某个方面;你可以将这些代码封装进一个立即执行函数中,并且确保页面没有它的情况下也能正常工作。然后你可以添加更多的加强模块,移除它们,单独测试它们,允许用户去禁用它们等等。
    参考见立即执行函数

6什么是函数的作用域链 (****)

  • JS 作用域
    程序语言中,作用域就是变量和函数的可访问范围,JS中,作用域有全局作用域和局部作用域。全局作用域在代码中任何地方都能访问到,局部作用域只在固定的代码片段内可以访问到,最常见的如函数内部。
  • 作用域链
    在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],由ECMA-262标准第三版定义,该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

代码

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() {
            for (var s = 0, i = 0; i < arguments.length; i++) {
             s=s+arguments[i]*arguments[i]
            }
            console.log(s);
        }
        sumOfSquares(2, 3, 4); // 29
        sumOfSquares(1, 3); // 10

3.如下代码的输出?为什么 (难度*)

console.log(a);//undefined    变量提升
 var a = 1;
 console.log(b);//报错     变量b没有声明

4.如下代码的输出?为什么 (难度*)

sayName('world');//hello  world      函数声明提升
 sayAge(10);//报错     函数表达式不能提升
 function sayName(name){
     console.log('hello ', name); 
}
 var 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 fn(fn2){
    var fn2;//变量声明提升
   function fn2(){
        console.log('fnnn2');
    }//函数声明提升
    console.log(fn2);
    fn2 = 3;
    console.log(fn2);
    console.log(fn);  
} 
fn(10);

7.如下代码的输出?为什么 (难度***)

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

代码相当于:

var fn ;
function fn(fn){
    console.log(fn); 
}; 
fn = 1;
 console.log(fn(fn)); //报错 fn is not a function
/* 
同一个作用域中,定义同一个名字的变量和方法时,变量赋值会覆盖方法的赋值,此时解析器并不能够识别fn为函数,但打印时又以函数的方式打印,因此报错
*/

8.如下代码的输出?为什么 (难度**)

//作用域
 console.log(j);//undefined
 console.log(i); //undefined
for(var i=0; i<10; i++){
       var j = 100; 
} 
console.log(i); //10
console.log(j);//100

9.如下代码的输出?为什么 (难度****)

fn();
 var i = 10;
 var fn = 20;
 console.log(i);//10
 function fn(){
       console.log(i);//undefined 
       var i = 99;
       fn2();
       console.log(i);//100 
       function fn2(){
          i = 100; 
     } 
}

10.如下代码的输出?为什么 (难度*****)

var say = 0;
 (function say(n){
     console.log(n);/*10,9,8,7,6,5,4,3,2  立即执行函数,n=2时,满足2<3,跳出循环*/
     if(n<3) return;
     say(n-1);
 }( 10 ));
 console.log(say);//0  变量say已经赋值为0
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容

  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 383评论 0 1
  • 1. 函数声明和函数表达式有什么区别 (*) 函数在JS中有三种方式来定义:函数声明(function decla...
    进击的阿群阅读 437评论 0 1
  • 一、函数声明和函数表达式有什么区别?(*) ECMAScript里面规定了三种声明函数的方式: 构造函数函数也是对...
    婷楼沐熙阅读 452评论 0 2
  • 问答: 1. 函数声明和函数表达式有什么区别 (*) 在日常的任务中,JavaScript主要使用下面两种方式创建...
    小木子2016阅读 313评论 0 0
  • 问答题 函数声明和函数表达式有什么区别 (*)答://函数声明function hello(){ conso...
    饥人谷_桶饭阅读 241评论 0 0