无标题文章

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

函数声明的形式 function fn(){ } 调用 fn() ;
函数表达式的形式 var XX = function fn(){ } 调用 XX();
区别: 形式不同外,调用方式不同外
函数声明提前,函数声明的位置无论在哪里,调用方法都可以使用,因为函数已经提前定义了
函数表达式则要先定义函数表达式,再调用

    // 函数表达式
    // 1 前后两个函数的名字可以相同也可以不相同
    // 2 function 后面的这个名字是可以省略的 
    // 3 function 后面的这个名字只能再函数内部使用
    // 4 函数调用只有在函数表达式声明后调用。
    // 函数声明
    // function fn() {}
    // fn();
    //1 函数声明必须有函数名
    //2 可以在任意地方调用fn();

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

什么是变量的声明前置?

JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,然后给他初始值undefined,然后才逐句执行程序,这就叫做“变量提升”,也即“变量的声明前置”。

什么是函数的声明前置?

和变量的声明会前置一样,函数声明同样会前置,如果我们使用函数表达式那么规则和变量一样,如下图:

如果我们使用函数声明的方式,那么即使函数写在最后也可以在前面语句调用.

arguments 是什么

arguments 是个类数组,能使用arguments[i]和arguments.length
arguments 里面是函数的具体参数,保存的是实际传入的参数,而不局限于函数声明所定义的参数列表
https://baike.baidu.com/item/arguments/4291417?fr=aladdin

函数的"重载"怎样实现

其它面向对象语言如Java的一个常见特性是:能够根据传入的不同数量量或类型的参数,通过“重载”函数来发挥不同的功用。但是这个特性在Javascript中并没有被直接支持,可是有很多办法实现这一功能。
不管何种面向对象语,函数重载必须依赖两件事情,分别是:
1)判断传入参数数量的能力
2)判断传入参数类型的能力

函数的argument是包含传入参数的类数组,它有数组的两个特性,一是可以使用数组的length方法,二是可以通过argument[index]获得具体的参数值
所以可以通过argument 来实现
举例:

function send( message, who ) {
if( arguments.length >= 2 ) {
 console.log("你对" + who + "说:" + message);
 } else {
console.log("你对大家说:" + message);}}

这个例子是判断传入参数的数值来实现重载

例2

  function send( message ) {
 if( typeof message === 'undefined' ) {
 console.log("ERROR:错误的信息内容");
  } else { console.log("你说:" + message); }}

这个例子是判断参数传入的类型来实现重载

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

立即执行函数表达式有多种写法:(function(){})();, 或(function(){}()); ,或!function(){}();,或void function(){}();

作用:创建一个独立的作用域。这个作用域里面的变量,外面访问不到(即避免变量污染)。

求n!,用递归来实现

function count(n){
  if(n < 0){
      return "wrong";
 }else if(n ===0 || n === 1){
      return 1;
  }else{
      return n*count(n-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('饥人谷', 2, '男');
getInfo('小谷', 3);
getInfo('男');

name: 饥人谷
age: 2
sex: 男
["饥人谷",2,"男']
name valley
name: 小谷
age: 3
sex: undefined
["小谷",3]
name valley
name: 男
age: undefined
sex: undefined
["男"]
name valley
undefined

image.png

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

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

如下代码的输出?为什么

console.log(a);
var a = 1;
console.log(b);

首先会输出 undefined
其次 Uncaught ReferenceError: b is not defined
因为 变量声明前置,变量提前声明,声明的值为undefined
b 没有定义,所以会报错

如下代码的输出?为什么

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

输出结果为
hello world
Uncaught TypeError: sayAge is not a function
原因 函数声明前置,函数表达式不会,函数表达式要先声明再用,所以sayName('world')可以执行

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

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}

10


image.png

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

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

30

image.png

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

var x = 10;
bar() 
function bar(){
var x = 30;
(function (){
  console.log(x)
})()
}
image.png

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

var a = 1;
function fn(){
console.log(a)
var a = 5
console.log(a)
a++
var a
fn3()
fn2()
console.log(a)
function fn2(){
  console.log(a)
  a = 20
  }
}
  function fn3(){
  console.log(a)
  a = 200
}
fn()
console.log(a)

undefined
5
1
6
20
200


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

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • 1. 函数声明和函数表达式的区别 函数声明:不必放在调用的前面 函数表达式:必须放在调用的前面 2. 变量的声明...
    饥人谷_哈噜噜阅读 327评论 0 0
  • 转至元数据结尾创建: 董潇伟,最新修改于: 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,678评论 0 9
  • 我们对体验的记忆由两个因素决定:高峰(无论是正向的还是负向的)时与结束时的感觉。 ...
    山间竹音阅读 645评论 1 0
  • 第一章 卑 第二章 千 第三章 更 第四章 来 第五章 切 第六章 亢 第七章 只 第八章 甫 第九章 丁 第十章 出
    莹Innsane阅读 405评论 1 1