9
1-说说你对 this 的理解
//全局环境就是在<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-下面代码执行的结果是什么?

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



浙公网安备 33010602011771号