立即執(zhí)行函數(shù)表達(dá)式是什么的圆？有什么作用榄攀？
立即執(zhí)行函數(shù)表達(dá)式
即執(zhí)行函數(shù)(Immediate Functions)
立即執(zhí)行函數(shù)模式是一種語法掘托，可以讓你的函數(shù)在定義后立即被執(zhí)行，這種模式本質(zhì)上就是函數(shù)表達(dá)式(命名的或者匿名的)畦戒，在創(chuàng)建后立即執(zhí)行
立即執(zhí)行函數(shù)表達(dá)式的作用
Javascript中沒有私有作用域的概念方库，如果在多人開發(fā)的項目上，你在全局或局部作用域中聲明了一些變量障斋，可能會被其他人不小心用同名的變量給覆蓋掉
根據(jù)javascript函數(shù)作用域鏈的特性纵潦，可以使用這種方式可以模仿一個私有作用域，用匿名函數(shù)作為一個“容器”垃环，“容器”內(nèi)部可以訪問外部的變量邀层，而外部環(huán)境不能訪問“容器”內(nèi)部的變量，所以( function(){…} )()內(nèi)部定義的變量不會和外部的變量發(fā)生沖突遂庄，俗稱“匿名包裹器”或“命名空間”寥院。
求n!，用遞歸來實現(xiàn)
function factorial(n){
if(n === 1 || n === 0){
return 1
}
else{
return n * factorial(n - 1)
}
}
factorial(n)輸出即可
// 鑒于'0! === 1' ,所以if中加入了'n === 0'的條件以應(yīng)對當(dāng)輸入?yún)?shù)為0的時候
以下代碼輸出什么涛目？
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, '男');輸出結(jié)果如下
name:'饑人谷'
age:2
sex:男
['饑人谷', 2, '男']
name 'valley'
getInfo('小谷', 3);輸出結(jié)果如下
name:'小谷'
age:3
sex:undefined
['小谷', 3]
name 'valley'
getInfo('男');輸出結(jié)果如下
name:'男'
age:undefined
sex:undefined
['男']
name 'valley'
寫一個函數(shù)秸谢，返回參數(shù)的平方和？
function sumOfSquares(){
var sum = 0
for(var 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
如下代碼的輸出霹肝？為什么
console.log(a);
var a = 1;
console.log(b);
由于聲明提前估蹄，實際上的執(zhí)行順序是
var a
console.log(a);
a = 1;
console.log(b);
輸出結(jié)果為
undefined //提前聲明了a，但并沒有賦值
"error" //沒有聲明b變量
"ReferenceError: b is not defined
如下代碼的輸出沫换？為什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name); //輸出"hello world"臭蚁，因為sayName函數(shù)聲明提前，可以正常調(diào)用
}
var sayAge = function(age){
console.log(age); //輸出"error" "TypeError: sayAge is not a function讯赏，因為在調(diào)用sayAge時垮兑，他還不是函數(shù)，還未將函數(shù)表達(dá)式賦值給sayAge
};
如下代碼輸出什么? 為什么
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
console.log(x)的輸出結(jié)果應(yīng)為10
因為執(zhí)行的是foo函數(shù)中的內(nèi)容待逞，所以這個x會現(xiàn)在foo的函數(shù)作用域中尋找x甥角，尋找未果，向上一層作用域?qū)ふ沂队＃凑业搅藊=10，所以輸出結(jié)果為10
如下代碼輸出什么? 為什么
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
輸出結(jié)果為30.理由同上震束，從foo作用域找到bar作用域找到x=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怜庸，理由同上，console.log(a)在fn2作用域找a未果垢村，去fn1作用域找到了
如下代碼輸出什么? 為什么
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()
輸出結(jié)果為1割疾，同上，console.log(a)先從fn2里面找a未果嘉栓，去上一層找宏榕，全局變量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()
輸出為undefined，因為console.log(a)從fn2中找a無果麻昼，從fn3中找奠支，fn3中變量聲明提前，a首先被初始化成undefined抚芦，所以輸出為undefined
如下代碼輸出什么倍谜？為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2); //false 雖然看似相同，但是在對象聲明的時候叉抡，obj12分別指向堆內(nèi)存中不同的地址尔崔，所以不同
console.log(obj1 = obj2); // 將obj2賦值給obj1，也就是此后obj1褥民、2指向堆內(nèi)存中同一個地址
console.log(obj1 == obj2); //true 由上得出應(yīng)為true
如下代碼輸出什么? 為什么
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 因為沒有賦值操作季春，++a只是在f1函數(shù)作用域內(nèi)自增，不會影響到外部的全局變量a
console.log(c) // name: 'jirengu', age: 3 因為f2中的c是引用類型消返，會對c中的age進(jìn)行自增鹤盒，而f1(c.age)中的age是幾本類型，不會影響外層c
寫一個深拷貝函數(shù)
函數(shù)體：
// 其實是照葫蘆畫瓢..自己理解的還很有限
function deepClone(oldObj) {
var newObj = {}
for(var key in oldObj) {
if(typeof oldObj[key] === 'object') {
newObj[key] = deepClone(oldObj[key])
}else{
newObj[key] = oldObj[key]
}
}
return newObj
}
var a = {
name: 'NinthG',
sex: 'male',
age: 26,
wife: {
name: 'baobao',
age: 26
}
}
var b = deepClone(a)
console.log(a === b)
a.wife.age = 25
console.log(a)
console.log(b)
輸出結(jié)果
false //深拷貝成功侦副，即a !== b
[object Object] {
age: 26,
name: "NinthG",
sex: "male",
wife: [object Object] {
age: 25, //將25賦值給a.wife.age來改變a
name: "baobao"
}
}
[object Object] {
age: 26,
name: "NinthG",
sex: "male",
wife: [object Object] {
age: 26, //b沒有受到a.wife.age重新賦值的影響侦锯，拷貝成功
name: "baobao"
}
}
參考文章
深入理解javascript中的立即執(zhí)行函數(shù)|腳本之家
【js基礎(chǔ)】深淺拷貝——李佳怡的紙糊|知乎
