閉包練習題

變量提升/作用域鏈練習題

    var a = [1];
    var b =a;
    b=[2];
    console.log(a);

----------------------------

    var a =[1];
    b = a;
    b[1]='a';
    console.log(a);

----------------------------

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

--------------------

    //2.
    console.log(a);
    var a = 13;
    function fn1() {
        console.log(a);
        a = 1;
    }
    console.log(a);

--------------------

    //3.
    //console.log(a);
    a = 13
    function fn() {
        console.log(a);
        a = 1;
    }
    fn();
    console.log(a);

---------------------

    //4.
    var foo = 1;
    function bar() {
        if (!foo) {
            var foo = 10
        }
        console.log(foo);
    }
    bar();

----------------------

    //5.
    function f5() {
        f=ff();
        return f;
        function ff() {
            return "f" in window;
        };
        var f;
    }
    console.log(f5());
    
--------------------------

    //6.
    var a = b = c = [1, 2, 3, 4];
    b = 9;
    a[1] = 0;
    console.log(b[0]);
    a = [1, 2, 3, 4];
    c = [1, 2, 3, 4];
    a[0] = b;
    console.log(c);
    console.log(a);
    
--------------------------

    //7.
    var ary = [1, 2, 3, 4];
    function ff(ary) {
        ary[0] = 0;
        ary = [0];
        ary[0] = 100;
        return ary
    }
    var s = ff(ary);
    console.log(ary);
    console.log(s);

-------------------------------

 //  8.
    var a = 10, b = 11, c = 12;
    function test(a) {
        a = 1;
        var b = 2;
        c = 3;
    }
    test(10);
    console.log(a);
    console.log(b);
    console.log(c);

--------------------------------

// 9
    var fs = "hello";
    (function (fs) {
        console.log(fs);
        var fs = fs || "world";
        console.log(fs);
    })(fs);
    console.log(fs);

----------------------------------

    var a = 9;
    function ss() {
        a = 0;
        return function (b) {
            return b + (a++)
        }
    }
    var f = ss();
    var m = f(5);
    console.log(m);
    var n = ss()(5);
    console.log(n);
    var x = f(5);
    console.log(x);
    console.log(a);

-------------------------------

//10 
console.log(getA); 
if("a" in window){ 
    var a="1";
    function getA(a) { 
        a=a||this.a;
        console.log(a);
    }
    getA(a);
}

-----------------------------

//11----------(易錯；牒瘛Ｕ蛞Ｌ硭摺晒喷！)
var a=2;
var obj1={
    a:1,
    fn1:(function (a) {
        this.a=a;
        a++;
        return function () {
            this.a=a++;
            console.log(a);
        }
    })(a)
};
obj1.fn1();
var fn1=obj1.fn1;
fn1();

-------------------------------------

//12---------------（易錯）
f = function () {return true;};
g = function () {return false;};
(function () {
  if (g() && [] == ![]) {
    f = function () {
      return false;
    };
    return  console.log(f())
  }
  function g() {
      return true;
    };
})();
console.log(f());
console.log(g());

------------------------------------

var num =2;
    var obj = {
        num : 0,
        fn : function () {
            num = 1;
            // this-->obj
            (function (num) {
                // this --> window
                ++this.num;
                num++;
                console.log(num)
            })(this.num)
        }
    }
    obj.fn();
    console.log(window.num,obj.num)

---------------------------------------------

var num =1;
    var obj = {
        num : 2,
        fn : (function () {
            this.num *= 2;
            num +=3;
            var num =1;
            return function () {
                num +=2;
                this.num +=2
                console.log(++num)
            }
        })()
    };
    var f= obj.fn;
    f();
    obj.fn();
    console.log(window.num,obj.num)

-----------------------------------------------

 1. var num = 2
    var obj = {num: 1};
    obj.fn = (function (num) {
        this.num += 2;
        num--;
        return function (n) {
            this.num += 2;
            num--;
            console.log(n + ++num);
        }
    })(this.num);
    var fn = obj.fn;
    fn(2);
    obj.fn(1);
    console.log(num, obj.num);

------------------------------------

 2. var num = 10;
    var obj = {num: 15};
    obj.fn = (function (num) {
        this.num += 10;
        num *= 2;
        return function (n) {
            this.num += n;
            console.log(n + (--num));
        }
    })(obj.num);
    var fn = obj.fn;
    fn(10);
    obj.fn(15);
    console.log(window.num, obj.num);

-----------------------------------------

 3. var number =2;
    var obj = {
        number :4, 
        fn1 : (function () {
            this.number*=2;
            number = number*2; 
            var number = 3; 
            return function () {
                this.number*=2;
                number*=3;
                console.log(number); 
            }
        })()
    };
    var fn1 = obj.fn1;
    fn1(); obj.fn1();
    console.log(window.number,obj.number);

---------------------------------------

1.
console.log(getA);

if("a" in window){
    var a="";
    function getA(a) {
        a=a||this.a;
        console.log(this.a);
    }
    getA(a);
}

---------------------------------------

//2.
var a=2;
var obj1={
    a:1,
    fn1:(function (a) {
        this.a=a;
        a++;
        return function () {
            this.a=a++;
            console.log(a);
        }
    })(a)
};
obj1.fn1();
var fn1=obj1.fn1;
fn1();

--------------------------------------------

//3.

var ary=[1,2,3,4];
ary.forEach(function(item,index){
    ary[index]=this;
});
console.log(ary);

----------------------------------------------

//4.
var b="b";
var obj2={
    b:"B",
    getB:function (b) {
        this.b=b+this.b;
        return this.b
    }
};
console.log(obj2.getB("是"));

----------------------------------------------

//5.
var aa=20;
function bind() {
    var aa=12;
    function fn() {
        console.log(this.aa);
    }
    box.onclick=function () {
        fn();
    }
}
box.onclick();

//6.
var c=3;
function getC() {
    this.c++;
    return function (c) {
        c=this.c*2;
        console.log(c);
    }
}
var obj3={
    c:2,
    getC:(function () {//this.getC
        this.c-=1;
        return this.getC
    })()
};
getC(); 
obj3.getC();
var f3=obj3.getC;
f3();
console.log(window.c);
console.log(obj3.c);

---------------------------------------------

//7.
function g1() {
    this.g="gg"
}
var obj4={
    g1:g1,
    gg:function () {
        g1();
    }
};
obj4.g1();
obj4.gg();
console.log(obj4);
console.log("g" in window);

------------------------------------------

//9
  var number=2;
  var obj={
    number:4,
    fn1:(function () {
      this.number*=2;
      number=number*2;
      var number=3;
      return function () {
        this.number*=2;
        number*=3;
        alert(number);
      }
    })()
  };
  var fn1=obj.fn1;
  alert(number);
  fn1();
  obj.fn1();
  alert(window.number);
  alert(obj.number);

--------------------------------------------

    function fn(b) {
        console.log(b);
        if(1!=2){
            console.log(b);
            function b() {
                console.log(b);
            }
            b();
            console.log(b);
        }
        console.log(b);
        b()
    }
    fn(1);

------------------------------------

    if(false){
        var a =1
    }
    console.log(a);


----------------------------------

**原型練習題

原型作業(yè)題

// 
function C1(name){
    if(name) this.name = name;
}
function C2(name){
    this.name =name;
}
function C3(name){
    this.name = name ||'join';
}
C1.prototype.name='Tom';
C2.prototype.name='Tom';
C3.prototype.name='Tom';
  console.log(new C1().name);
  console.log(new C2().name);
  console.log(new C3().name)
  
-----------------------------------------

function fun(){
    this.a=0;
    this.b=function(){
        alert(this.a);
    }
}
fun.prototype={
    b:function(){
        this.a=20;
        alert(this.a);
    },
    c:function(){
        this.a=30;
        alert(this.a)
    }
}
var my_fun=new fun();
my_fun.b();
my_fun.c();

----------------------------------------------

function Foo() {
    getName = function () {
        console.log(1);
    };
    return this;
}
Foo.getName = function () {
    console.log(2);
};
Foo.prototype.getName = function () {
    console.log(3);
};
var getName = function () {
    console.log(4);
};
function getName() {
    console.log(5);
}

Foo.getName();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();

--------------------------------------------

function Fn() {
    this.x = 100;
    this.y = 200;
    this.getX = function () {
        console.log(this.x);
    }
}
Fn.prototype.getX = function () {
    console.log(this.x);
};
Fn.prototype.getY = function () {
    console.log(this.y);
};
var f1 = new Fn;
var f2 = new Fn;
console.log(f1.getX === f2.getX);
console.log(f1.getY === f2.getY);
console.log(f1.__proto__.getY === Fn.prototype.getY);
console.log(f1.__proto__.getX === f2.getX);
console.log(f1.getX === Fn.prototype.getX);
console.log(f1.constructor);
console.log(Fn.prototype.__proto__.constructor);
f1.getX();
f1.__proto__.getX();
f2.getY();
Fn.prototype.getY();

-----------------------------------------------

var name = 'zhufengpeixun'
var Fn =function (name){
    var name = 'world'
    this.name = 'zhufeng'
    this.sex =function(){
        this.name = 'hello'
    }
}
var f1 = new Fn(name)
var f2 = new Fn('age')
console.log(f1.name)
console.log(f2.age)
f1.sex()
console.log(f1)
f1.sex === f2.sex
Fn.name == f1.name

--------------------------------------

function Fn(){
    var a =1
    this.a = a
}
Fn.prototype.say = function(){
    this.a = 2
}
Fn.prototype = new Fn
f1.__proto__.b = function (){
    this.a = 3
}
var f1 = new Fn
console.log(f1.a)
console.log(f1.prototype)
console.log(f1.b)
f1.hasOwnProperty('b')
'b' in f1
f1.constructor == Fn

--------------------------------------

    var num = 0;
    function Fn(num) {
        arguments[0] = 10;
        this.num = 20;
        return num;
    }
    Fn.num = 40;
    Fn.prototype.num = 30;
    var f = new Fn(num);
    Fn.prototype.getNum = function () {
        console.log(this.num);
    };
    console.log(f.num);
    f.getNum();
    Fn.prototype.getNum();
    console.log(num)
    var n = Fn(num);
    console.log(n);
    console.log(num);

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市陨享，隨后出現(xiàn)的幾起案子鄙陡，更是在濱河造成了極大的恐慌，老刑警劉巖诺苹，帶你破解...
沈念sama閱讀 222,000評論 6贊 515
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異雹拄，居然都是意外死亡收奔，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,745評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門滓玖，熙熙樓的掌柜王于貴愁眉苦臉地迎上來坪哄，“玉大人，你說我怎么就攤上這事势篡◆婕。” “怎么了？”我有些...
開封第一講書人閱讀 168,561評論 0贊 360
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵禁悠，是天一觀的道長念祭。經(jīng)常有香客問我，道長碍侦，這世上最難降的妖魔是什么粱坤？我笑而不...
開封第一講書人閱讀 59,782評論 1贊 298
?港島之戀（遺憾婚禮）
正文為了忘掉前任隶糕，我火速辦了婚禮，結果婚禮上站玄，老公的妹妹穿的比我還像新娘枚驻。我一直安慰自己，他們只是感情好株旷，可當我...
茶點故事閱讀 68,798評論 6贊 397
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布再登。她就那樣靜靜地躺著，像睡著了一般晾剖。火紅的嫁衣襯著肌膚如雪霎冯。梳的紋絲不亂的頭發(fā)上，一...
開封第一講書人閱讀 52,394評論 1贊 310
城市分裂傳說
那天钞瀑，我揣著相機與錄音沈撞，去河邊找鬼。笑死雕什，一個胖子當著我的面吹牛缠俺，可吹牛的內容都是我干的。我是一名探鬼主播贷岸，決...
沈念sama閱讀 40,952評論 3贊 421
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼壹士，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了偿警？” 一聲冷哼從身側響起躏救，我...
開封第一講書人閱讀 39,852評論 0贊 276
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎螟蒸，沒想到半個月后盒使，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 46,409評論 1贊 318
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡七嫌，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 38,483評論 3贊 341
?白月光啟示錄
正文我和宋清朗相戀三年少办，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诵原。...
茶點故事閱讀 40,615評論 1贊 352
活死人
序言：一個原本活蹦亂跳的男人離奇死亡英妓，死狀恐怖，靈堂內的尸體忽然破棺而出绍赛，到底是詐尸還是另有隱情蔓纠，我是刑警寧澤，帶...
沈念sama閱讀 36,303評論 5贊 350
?日本核電站爆炸內幕
正文年R本政府宣布吗蚌，位于F島的核電站腿倚，受9級特大地震影響，放射性物質發(fā)生泄漏褪测。R本人自食惡果不足惜猴誊，卻給世界環(huán)境...
茶點故事閱讀 41,979評論 3贊 334
男人毒藥：我在死后第九天來索命
文/蒙蒙一潦刃、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧懈叹，春花似錦乖杠、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,470評論 0贊 24
一樁弒父案胧洒，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至墨状，卻和暖如春卫漫，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背肾砂。一陣腳步聲響...
開封第一講書人閱讀 33,571評論 1贊 272
情欲美人皮
我被黑心中介騙來泰國打工列赎，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人镐确。一個月前我還...
沈念sama閱讀 49,041評論 3贊 377
代替公主和親
正文我出身青樓包吝，卻偏偏與公主長得像，于是被迫代替她去往敵國和親源葫。傳聞我的和親對象是個殘疾皇子诗越，可洞房花燭夜當晚...
茶點故事閱讀 45,630評論 2贊 359

閉包練習題

變量提升/作用域鏈練習題

推薦閱讀更多精彩內容