第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

從零開(kāi)始學(xué) Web 之 JS 高級(jí)(三)apply與call,bind,閉包和沙箱

標(biāo)簽:
JavaScript

一、apply 和 call 方法

apple 和 call 都可以改变调用其的函数或方法中的 this 指向。

不同的是传入参数时,apple有两个参数,第二个参数是数组;call 从第二个参数开始是调用其的函数的所有参数。

使用方法:

1、apply的使用语法:

函数名.apply(对象,[参数1, 参数2,... ]);

方法名.apply(对象,[参数1, 参数2,... ]);

2、call的使用语法:

函数名.call(对象,参数1, 参数2,... );

方法名.call(对象,参数1, 参数2,... );

1、函数调用apply和call

function f1(x, y) {  console.log(x+y +this); // 这里面的this是window
  return x+y;
}var r1 = f1.apply(null, [10,20]); // 打印30 window,传入的是null,所以this指向还是windowconsole.log(r1); // 30var r2 = f1.call(null, 10,20);// 打印30 windowconsole.log(r2); // 30
//函数改变 this 的指向var obj = {};var r1 = f1.apply(obj, [10,20]); // 打印30 window,传入的是Obj,所以this指向是Objconsole.log(r1); // 30var r2 = f1.call(obj, 10,20);// 打印30 Objconsole.log(r2); // 30

2、方法调用apply和call

// 方法改变 this 的指向
    function Person(age) {        this.age = age;
    }
    Person.prototype.eat = function () {        console.log(this.age); // this 指向实例对象
    };    function Student(age) {        this.age = age;
    }    var per = new Person(18);    var stu = new Student(20);

    per.eat.apply(stu); // 打印 20
    per.eat.call(stu); // 打印 20

由于 eat 方法已经指向了 Student 了,所以打印 20,而不是 18.

问题:我们知道函数也是对象,函数可以调用 apple 和 call 方法,但是这两个方法并不在这个函数这个对象的实例函数中,那么在哪里呢?

解答:所有的函数都是 Function 的实例对象,而 apply 和 call 就在 Function 构造函数的原型对象中。


二、bind方法

bind 是复制的意思,也可以改变调用其的函数或方法的 this 指向,参数可以在复制的时候传进去,也可以在复制之后调用的时候传进去。

使用语法:

1、函数名.bind(对象, 参数1, 参数2, ...); // 返回值是复制的这个函数

2、方法名.bind(对象, 参数1, 参数2, ...); // 返回值是复制的这个方法

1、函数调用 bind

function f1(x, y) {    console.log(x + y + this);
}// 1.参数在复制的时候传入var ff = f1.bind(null,10,20); // 这只是复制的一份函数,不是调用,返回值才是ff();// 2.参数在调用的时候传入var ff = f1.bind(null); // 这只是复制的一份函数,不是调用,返回值才是ff(10,20);

2、方法调用 bind

function Person(age) {    this.age = age;
}

Person.prototype.eat = function () {    console.log(this.age); // this 指向实例对象};function Student(age) {    this.age = age;
}var per = new Person(18);var stu = new Student(20);var ff = per.eat.bind(stu);
ff(); // 20

三、闭包

1、闭包的概念

有一个函数 A 中有一个函数或者对象 B,那么函数或者对象 B 可以访问函数 A 中的数据,那么函数 A 的作用域就形成了闭包。

2、闭包的模式

函数模式的闭包:函数中包含函数。

对象模式的闭包:函数中包含对象。

3、闭包的作用

缓存数据,延长作用域链。

4、闭包的优缺点

也是缓存的数据,导致在闭包的范围内一直起作用。

5、闭包的应用

缓存数据,函数中的数据,外面可以使用。

如果想要缓存数据,就把这个数据放在外层的函数和里层的函数之间。这样不停的调用里层函数,相当于外层函数里的数据没有得到及时释放,就相当于缓存了数据。

// 函数闭包function A() {    var num = 10;    return function () {        return num++;
    }
}var func = A();console.log(func());console.log(func());console.log(func());
// 对象闭包function A() {    var num = 10;    return {
        age: num++
    };
}var func = A();console.log(func.age);

四、沙箱

沙箱:一小块的真实环境,里面发生的事情不会影响到外面。相同的操作,相同的数据都不会和外面发生冲突。

作用:避免命名冲突。

比如:自调用函数里面就相当于一个沙箱环境。

(function (){
        
}());

五、区分伪数组和真数组

// 真数组
    var arr = [10,20,30];    // 伪数组
    var obj = {        0:10,        1:20,        2:30,
        length: 3
    };    // 真数组的访问
    for(var i=0; i<arr.length; i++) {        console.log("真数组的访问:"+arr[i]);
    }    // 伪数组的访问
    for(var j=0; j<obj.length; j++) { // 错误:对象中没有length方法
        console.log("伪数组的访问:"+obj[j]);
    }

方法一、使用 length 来区分

这样看起来,真数组和伪数组就没法区别了。

但是真数组的长度 length 可以改变,伪数组不可以,貌似可以区分了。

但是,你还记得有个 arguement 这个伪数组(对象)的 length 是可以改变的,方法一区分失败。

方法二、使用数组的方法 forEach 来鉴别

因为每个数组都是 Array 的实例对象,而 forEach 在 Array 的原型对象中,所以其他的伪数组是不能使用的。方法二成功。

原文出处

點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺(jué)得本文不錯(cuò),就分享一下吧!

評(píng)論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評(píng)論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評(píng)論
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消