前端开发HTML5――函数

匿名 (未验证) 提交于 2019-12-02 21:53:52
20、函数的调用方式(内容尚未完全,可自行百度这方面的知识)
call()、apply()、bind() 这三个方法的作用都是改变执行环境中的this指针的指向
call()与apply()
这两个方法的第一个参数都为this指针指向的目标对象,他们的区别是第二个参数开始传参的方式不同
call传参:obj, arg2,arg3,.....
apply传参:obj, [arg2,arg3,..... ]
function func(a, b){
}
bind()
第一个参数为this指针指向的目标对象,bind方法执行后返回的是一个新函数
function func(){
  console.log(this.name);
}
var obj = {
  name: '张三',
};
var f = func.bind(obj);
//在这个新的函数对象中,this被永久的绑定到了bind的第一个参数上面,五六年后期这个函数被如何使用,this都不会改变
var obj27 = {
  name: '李四',
  f: f,
};
call()、apply()、bind()
如果这三个方法都没有提供第一个参数或者是参数是this、null、undefined中的一种,那么都将默认第一个参数的为Global对象
21、全局变量和局部变量
在函数内部声明的变量为局部变量,函数外部不能使用;
函数外部声明的变量为当前js文件的全局变量
如果没有var修饰的变量也为全局变量,这个变量在哪都可以访问
var a = 1;
function test(){
var b = 2;
test();
当函数内部的变量和全局变量同名,函数内部就不会使用外部的变量
var g = 100;
function testG(){
var g = 200;
}
testG();
22、函数的属性和方法
function test(a, b){
  return 'hello';
}
test();
function handle(fun){
  var msg = "hello";
  fun(msg);
}
handle(function(m){
});
function handle2(){
  return function(){
    console.log(123);
  }
}
23、值传递和引用传递
不会影响上一个变量的值
var a = 1;
var b = a;
b = 3;
2)引用数据类型的传递就是址传递
var obj = {
name: 'zhangsan',
age:12,
};
var obj2 = obj;
obj2.gender = 'male';
24、闭包(函数访问上下文中的变量)
var arr = [];
for(var i = 0; i < 5; i++){
  arr[i] = function(){
    console.log(i);
  }
}
上述现象就是闭包现象
解决方法将上面的arr[i]改为下面的arr[i]
arr[i] = (function(num){
  return function(){
  };
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!