JS-task3

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

(function (){})()
作用：

  • 令函数中声明的变量绕过变量声明前置规则
  • 避免新变量被解释成全局变量或函数名占用全局变量名的情况
  • 在禁止访问函数内变量声明的情况下允许外部对函数的调用
// 写法一
var tmp = newData;
processData(tmp);
storeData(tmp);

// 写法二
(function (){
  var tmp = newData;
  processData(tmp);
  storeData(tmp);
}());

上面代码中，写法二比写法一更好，因为完全避免了污染全局变量。

求n!，用递归来实现

function fact(n){
if(n == 1){ return 1
} 
 return n*fact(n-1)
}
console.log(fact(n))

此方法写法简单，逻辑清晰，但效率低。

以下代码输出什么？

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

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

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);

输出undifined和报错。因为变量a声明提升并初始化为undefined，此时打印a为undefined。变量b没有声明故报错。

如下代码的输出？为什么

sayName('world');
    sayAge(10);
    function sayName(name){
        console.log('hello ', name);  //hello world
    }
    var sayAge = function(age){
        console.log(age);  //报错：sayAge is not a function
    };

因为sayName函数声明提升；因为sayAge是函数表达式，使用前必须赋值，而函数声明放在了调用的后面，此时函数还不存在，所以会报错

如下代码输出什么? 为什么

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

输出10。
1.首先foo()和bar()函数的声明会被提前，因此bar()可以正常执行
2.接着bar()调用了foo()，而foo()输出了个x

  1. foo函数未执行时要得到x的值，首先在自身作用域中查找有无x变量，没有则向外层作用域，本例中即全局作用域中查找，既为10。

如下代码输出什么? 为什么

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

输出30。调用foo函数时，foo函数先在自身作用域中查找变量x，没有找到于是依次向外层查找，在bar函数中找到了x值为30，找到了就不再继续向外查找，控制台打印30。

如下代码输出什么? 为什么

var a = 1
function fn1(){
  function fn2(){
    console.log(a)
  }
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
var fn = fn1()
fn() //输出多少

输出2。原因：fn1运行后返回fn3，fn3运行时调用fn2，fn2中要打印变量a，所以要查找变量a，但fn2中没有定义该变量所以向外层fn1查找，找到了变量a的值为2，打印2。

如下代码输出什么? 为什么

var a = 1
function fn1(){
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
function fn2(){
  console.log(a)
}
var fn = fn1()
fn() //输出多少

输出1。原因：函数最终结果与在哪执行无关，只与初始所在环境有关，在fn3中调用函数fn2，fn2首先会在自身作用域中查找变量a，没找到于是在全局中查找，找到了var a=1，打印1。

如下代码输出什么? 为什么

var a = 1
function fn1(){

  function fn3(){
    function fn2(){
      console.log(a)
    }
    fn2()
    var a = 4
  }
  var a = 2
  return fn3
}
var fn = fn1()
fn() //输出多少

输出undifined。原因：调用函数fn1，返回函数fn3，接下来调用fn3执行函数体，首先声明函数fn2，变量声明提前，a初始化为undefined，运行函数fn2，fn2首先会在自身作用域中查找变量a，没找到于是向外层fn3中查找，找到a值为undefined，打印undefined。如果var a=4在函数fn2调用之前打印结果就是4。

如下代码输出什么? 为什么

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);  //false
console.log(obj1 = obj2);   //{a:1,b:2}
console.log(obj1 == obj2);  //true

对象的相等，当且仅当他们的引用指向内存中的相同区域时才相等，即他们在栈内存中的引用地址相同
obj1和obj2分别是两个不同的对象引用，里面存放的地址是不同的，即他们指向的区域是不同的，即使区域中的内容是一样的也不相等
而把通过obj1=obj2，将obj2中存放的地址赋给了obj1之后，obj1和obj2指向了同一块区域，所以最后两者相等了.

如下代码输出什么? 为什么

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a)  
f2(c)   
f1(c.age) 
console.log(a)  //1 
console.log(c)   //{name:'jirengu',age:3}

原因：首先a 是 非引用类型， 进入函数后，相当于在函数里， var n = a，赋值给了 n，已经和最初的 a 没有关联了。 所以 输出 1
但是 由于 c 是对象， 是引用类型，所以最后引起了 c.age 的变化。

写一个深拷贝函数

var obj = {
        name: 'ruoyu',
        sex: 'male',
        age: 30,
        friend: {
            name: 'hello', 
            age: 100
        }
    }
function deepCopy(oldobj){
    var newobj = {};
   for(var key in oldobj ){
    if(typeof oldobj[key] === 'object'){
        newobj[key] = deepCopy(oldobj[key]);
    }else {newobj[key] = oldobj[key];}
   }
   return newobj;
}
var obj2 = deepCopy(obj1)
console.log(obj2)

通过下面的方法，可以为函数的参数设置默认值。

function f(a) {
  (a !== undefined && a !== null) ? a = a : a = 1;
  return a;
}

f() // 1
f('') // ""
f(0) // 0
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 215,874评论 6赞 498
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,102评论 3赞 391
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 161,676评论 0赞 351
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,911评论 1赞 290
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,937评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,935评论 1赞 295
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,860评论 3赞 416
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,660评论 0赞 271
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,113评论 1赞 308
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2赞 331
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1赞 346
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,238评论 5赞 341
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,861评论 3赞 325
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2赞 352