9

1-说说你对 this 的理解

this表示当前对象,this的指向是根据调用的上下文来决定的,默认指向window对象
this.alert() <=> window.alert()<=> alert(); 
调用的上下文环境包括全局和局部
全局环境
//全局环境就是在<script></script>里面,这里的this始终指向的是window对象,

<script>
  console.log(<strong>this</strong>);//指向window对象
</script>

局部环境

复制代码
//1)在全局作用域下直接调用函数,this指向window


function func(){
 console.log(this) ;//this指向的还是window对象
}
func();
 
//2)对象函数调用,哪个对象调用就指向哪个对象

<input type="button"id="btnOK" value="OK">
<script>
varbtnOK=document.getElementById("btnOK");
btnOK.οnclick=function(){
console.log(this);//this指向的是btnOK对象
}
</script>

//3)使用 new 实例化对象,在构造函数中的this指向实例化对象。

var Show=function(){
    this.myName="Mr.Cao";   //这里的this指向的是obj对象
}
var obj=new Show();

//4)使用call或apply改变this的指向


var Go=function(){
     this.address="深圳";
}
var Show=function(){
     console.log(this.address);//输出 深圳
}
var go=new Go();
Show.call(go);//改变Show方法的this指向go对象
复制代码

1. 用于区分全局变量和局部变量,需要使用this

var age=20;
function show(age){
   this.age=age;
}

2.返回函数当前的对象,看jquery1.8.3源码。

3.将当前的对象传递到下一个函数,看jquery1.8.3源码。

2-call\apply\bind 的区别和联系?

1.call/apply/bind方法的来源

  首先,在使用call,apply,bind方法时,我们有必要知道这三个方法究竟是来自哪里?为什么可以使用的到这三个方法?

  call,apply,bind这三个方法其实都是继承自Function.prototype中的,属于实例方法。

console.log(Function.prototype.hasOwnProperty('call')) //true
2     console.log(Function.prototype.hasOwnProperty('apply')) //true
3     console.log(Function.prototype.hasOwnProperty('bind')) //true

上面代码中,都返回了true,表明三种方法都是继承自Function.prototype的。当然,普通的对象,函数,数组都继承了Function.prototype对象中的三个方法,所以这三个方法都可以在对象,数组,函数中使用。

.Function.prototype.call()

  函数实例的call方法,可以指定该函数内部this的指向(即函数执行时所在的作用域),然后在所指定的作用域中,调用该函数。并且会立即执行该函数。

复制代码
 1     var keith = {
 2         rascal: 123
 3     };
 4 
 5     var rascal = 456;
 6 
 7     function a() {
 8         console.log(this.rascal);
 9     }
10 
11     a(); //456
12     a.call(); //456
13     a.call(null); //456
14     a.call(undefined); //456
15     a.call(this); //456
16     a.call(keith); //123
复制代码

 上面代码中,a函数中的this关键字,如果指向全局对象,返回结果为456。可以看到,如果call方法没有参数,或者参数为null或undefined或者this,则等同于指向全局对象。如果使用call方法将this关键字指向keith对象,也就是将该函数执行时所在的作用域为keith对象,返回结果为123。

  call()方法可以传递两个参数。第一个参数是指定函数内部中this的指向(也就是函数执行时所在的作用域),第二个参数是函数调用时需要传递的参数。

1     function keith(a, b) {
2         console.log(a + b);
3     }
4 
5     keith.call(null, 1, 2); //3

 第一个参数是必须的,可以是null,undefined,this,但是不能为空。设置为null,undefined,this表明函数keith此时处于全局作用域。第二个参数中必须一个个添加。而在apply中必须以数组的形式添加。

  call方法的一个应用是调用对象的原生方法。也可以用于将类数组对象转换为数组。

复制代码
var obj = {};
    console.log(obj.hasOwnProperty('toString')); //false

    obj.hasOwnProperty = function() {
        return true;
    }

    console.log(obj.hasOwnProperty('toString')); //true

    console.log(Object.prototype.hasOwnProperty.call(obj, 'toString')); //false
复制代码

     上面代码中,hasOwnProperty是obj对象继承的方法,如果这个方法一旦被覆盖,就不会得到正确结果。call方法可以解决这个方法,它将hasOwnProperty方法的原始定义放到obj对象上执行,这样无论obj上有没有同名方法,都不会影响结果。要注意的是,hasOwnProperty是Object.prototype原生对象的方法,而call是继承自Function.prototype的方法。

3.Function.prototype.apply()

  apply方法的作用与call方法类似,也是改变this指向(函数执行时所在的作用域),然后在指定的作用域中,调用该函数。同时也会立即执行该函数。唯一的区别就是,它接收一个数组作为函数执行时的参数。

  apply方法的第一个参数也是this所要指向的那个对象,如果设为null或undefined或者this,则等同于指定全局对象。第二个参数则是一个数组,该数组的所有成员依次作为参数,在调用时传入原函数。原函数的参数,在call方法中必须一个个添加,但是在apply方法中,必须以数组形式添加。

  看一下call,apply的细微差别。

复制代码
function keith(a, b) {
        console.log(a + b);
    }

    keith.call(null, 2, 3); //5
    keith.apply(null, [2, 3]); //5
复制代码

 上面代码中,第一个参数为null,指向全局作用域;第二个参数传入的形式稍稍不同。

4.Function.prototype.bind()

bind方法用于指定函数内部的this指向(执行时所在的作用域),然后返回一个新函数。bind方法并非立即执行一个函数。

复制代码
var keith = {
        a: 1,
        count: function() {
            console.log(this.a++);
        }
    };

    keith.count(); //1
    keith.count(); //2
    keith.count(); //3
复制代码

3-下面代码执行的结果是什么?

hello one   hello four   hello  three   hello  two

4-下面代码执行的结果是什么?

 {
  id:10
}
posted @ 2021-03-06 17:20  故人-w  阅读(30)  评论(0)    收藏  举报