前言: 前端这两年的新技术铺天盖地,各种框架、工具层出不穷眼花缭乱。最近打算好好复习下 js 基础,夯实的基础才是学习新技术的基石。本文作为读书笔记简单的总结下 js 函数的基础知识。
一、函数对象
- JavaScript中的函数就是对象。对象是“名/值”对的集合并拥有一个连接到原型对象的隐藏连接。对象字面量产生的对象连接到Object.prototype。函数对象连接到Function.prototype(该原型对象本身连接到Object.prototype)。
- 每个函数对象在创建时也会有一个prototype属性。它的值是一个拥有constructor属性且值即为该函数的对象。
- 函数是对象,可以保存在变量、对象和数组中。函数可以当做参数传递给其他函数,函数也可以在返回函数,函数拥有方法。
二、函数字面量
var add = function(a,b){
return a+b;
};
注意:一个内部函数除了可以访问自己的参数和变量,同时也可以自由的访问父函数的参数和变量。用过这种函数字面量创建的函数对象包含一个连接到外部上下文的连接。这个被称为闭包
三、函数调用
方法调用模式
当有个函数被保存为对象的一个属性是,我们称他为一个方法。当以个方法被调用时,this被绑定到该对像。
var myObject = { value: 0,increment: function (icn) { this.value += typeof inc === 'number' ? icn: 1; } } myObject.increment(); console.log(myObject.value); myObject.increment(2); console.log(myObject.value);
方法可以使用this访问自己所属的对象。通过this可取可取的他们所属对象的上下文的方法称为公共方法
函数调用模式
- 当一个函数并非一个对象的属性时,那么它就是被当做一个函数来调用的,以此模式调用函数,this被绑定到了全局对象。这是错误的,正确的设计应该是当内部函数被调用时,this应该绑定到外部函数的this变量。因此声明一个that变量并赋值this,内部函数就可以通过that访问到this。这个听起来比较难理解,我们以代码的形式来说明
myObject.double = function(){ var that = this ; var helper = function(){ that .value = add(that.value,that.value); } helper(); //以函数的形式调用helper } //以方法的形式调用double myObject.double(); console.log(myObject.value);
构造器调用模式
- JavaScript是基于原型继承的语言,对象可以直接从其他对象继属性,该语言是无类型的。
- 如果在一个函数前面带上new来调用,name背地里就会创建一个连接到该函数的prototype成员的新对象,同时this会绑定到新对象上
//创建一个构造器函数Quo var Quo = function(string){ this.status = string; }; //给Quo提供一个get_status的公共方法 Quo.prototype.get_status = function(){ return this.status; }; //构造一个Quo实例 var myQuo = new Quo("hello world"); console.log(myQuo.get_status());
Apply 调用模式
var array = [3,4];
var sum = add.apply(null,array);
var statusObject = { status: 'A-ok' }; var status = Quo.prototype.get_status.apply(statusObject); console.log(status); //A-OK
参数
arguments并不是一个真正的数组,拥有一个length属性,但它没有任何数组的方法
返回
四、函数作用域
var a = 2;
function foo(){
var a =3;
consloe.log(a);//3
}
foo();
consloe.log(a);//2
闭包
var que = function(status){ return { get_status: function(){ return status; } } } var myQuo = que("hello"); console.log(myQuo.get_status());
get_status方法并不是访问参数的副本,他访问的就是参数的本身,这就是闭包,保护status为私有属性
回调callBack()
- 1 搞清异步和同步
function a(){ console.log('执行a函数'); setTimeout(function(){ console.log("执性a函数的延迟函数") },1000) }; function b (){ console.log('执行函数b') } a(); b();
以上代码会先执行函数a,而且不会等到a中的延迟函数执行完才执行函数b,在延迟函数被触发的过程中就执行了函数b,当js引擎的event 队列空闲时才会去执行队列里等待的setTimeout的回调函数,这就是一个异步的例子
- 2回调函数到底是什么
以下是谷歌得出的结论
callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
模块
- 我们可以使用函数和闭包来构造模块,模块是一个提供个借口却隐藏状态与实现的函数或对象
- 模块模式利用函数作用域和闭包来创建被绑定对象与私有成员的关联
- 模块的一般形式:一个定义了私有变量和函数的函数;利用闭包创建可以访问私有变量和函数的特权,最后一个返回该特权函数,或者把它们保存在一个可以访问的到的地方
模块模式需要具备两个条件
- 1、必须有外部的封装函数,该函数必须至少被调用一次(每次调用都会创建一个新的模块实例)。
- 2、封闭函数必须返回至少一个尼日不函数,这样内部函数才能在私有的作用域形成闭包,并且可以访问或者可以修改私有状态。
var foo= (function(){ var something = 'cool'; var another =[1,2,3]; function doSomething(){ console.log(something); } function doAnother(){ console.log(another.join(' ! ')); } return{ doSomething: doSomething,doAnother: doAnother } })(); foo.doSomething(); foo.doAnother();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。