函数是对象,它与其它对象唯一的不同是它可以调用。函数可实现:代码复用、信息隐藏、代码组合调用。

建立函数时会建立:上下文、调用函数的代码。每个函数(除Function.prototype)都会有一个原型对象。

   function foo ( ) {
//code
} foo.prototype = {constructor:this};

它必有一个foo.prototype对象,而且这是显含的。

函数字面量属于字面量,也就属于表达式的范畴。从而可以使用表达式的地方就可以使用函数字面量。

JS函数的参数是按值传递的。它不会检查传入实参的类型、个数;若实参少于形参实参函数调用时的形参值为undefined.每个函数会this,this在函数执行时才会确定,与函数的调用方式相关(与动态作用域有某种相似)。调用方式分为:方法调用、函数调用、构造器调用、apply调用。

方法调用:也就是说一个函数为某个对象的属性值。那么函数调用时的this到底是哪个?

我要再次强调,对象会有自己默认的原型链,同时我们可以设置对象的prototype属性,但这个属性与内部的原型链相比很弱,对象的"继承"或更确切的说是委托是基于内部原型链的。

   var a = {};
var b = {"name":"name"};
a.prototype = b;
console.log(a.name) //undefined Object.setPrototypeOf(a,b);
console.log(a.name) //"name"

开始,我直接设置prototype属性,然后以为通过对象的继承可以访问到对象b中的name;事实是:此时a与b的原型链链接到了Object.prototype。

接着,我真正修改了原型链,故可以访问到name属性。

那么,这个表面的prototype有何用?

前文提到函数(除Function.prototype)总会有一个对象与之对应。若我建立一个用函数建立一个对象的话,就会有用。新建的对象的原型链中的上一环为构造函数的prototype对象。

 function foo () {}
//那么一定有一个foo.prototype对象。
var b = new foo();
该对象的原型链中就会有 b 的存在
foo.prototype.isPrototypeOf(b) //true

其三,一般函数的原型链中不含prototype对象。但Function.prototype为function(){},且位于Function的原型链中。

Function.prototype.isPrototypeOf(Function)        //true.

回到刚才的问题,方法调用函数时,对应的this为何值。我直接给出结论,我认为是:可以直接查找到方法的那个对象。直接上代码。

   var a = {"a":"a"};
var b = {"b":"b"};
var c = {"c":"c",
"show":function(){
return this;
}
};
Object.setPrototypeOf(b,c);
Object.setPrototypeOf(a,b);
//现在原型链从a开始到b到c到Object.prototype. a.show(); //对象a
b.show(); //对象b //Function的例子 Function.prototype.method = function (name,func) {
this.prototype[name] = func;
return this;
};
// this与调用方式有关

干脆更加明白一些。

   Function.prototype  //    function () {}
Function.protoype.demo = function () {
console.log(this);
}; //可以通过Function这个函数访问到demo方法, Function.demo() // function Function() { [native code] } Function.prototype.demo() // function () {}

所以,不是方法在那个对象中this就是哪个。

函数调用的时候的this值。

直接调用函数是this是全局对象而非该函数的外围的this值,ES6中有语法糖来处理这个问题。

构造函数模式的this

new + 构造函数会形成一个对象,这里忽略其他细节;只讲this值,这时的this是新建立的那个对象。还是举个栗子。

   function foo (name) {
this.name = name;
} var obj = new foo (); //也就是说foo执行时的this是obj,从而才有给obj添加name属性的可能

构造函数与一般函数没有区别,但是若一个函数建立的目的是用于建立对象,应当把其首字母大写;否则直接调用可能会给全局对象添加属性。

apply调用模式

函数是对象,所以可以有方法,apply/call就是方法。伪代码:function.apply(this,argumnets),function.call(this,p1,p1,p1)。

记忆

     记忆这种优化手段真是让人兴奋,它可以大大减少计算的工作量,例如在阶乘、裴波那契数列的计算中,若不采用优化,那浏览器甚至算不出来。采用优化后秒算出结果。下面是通用的记忆器。

 function memoizer (memo,formula) {
var recur = function (n) {
var result = memo[n];
if ( typeof result !== "number") { result = formula();
memo[n] = result;
}
return result; }
return recur;
}

JS的函数化很强大,这种方法在一个个函数的基础上差异化继承,也可以增强;也是建立部件的基础。实现对象与它的功能模块的扩充。建立对象与方法之间的松散耦合。

    var o = {name:"demo"};
var enhance = function (o) {
var that = o;
if ( !o.name) {
o.name = "initial";
}
if ( !o.get_name) {
o.get_name = function () {
return o.name;
};
}
return that;
};
var b = enhance(o);

JS 精粹( 函数)的更多相关文章

  1. JS回调函数全解析教程

    转自:http://blog.csdn.net/lulei9876/article/details/8494337 自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速g ...

  2. 学习js回调函数

    <!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...

  3. 如何理解JS回调函数

    1.回调函数英文解释: A callback is a function that is passed as an argument to another function and is execut ...

  4. Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针

    Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针   1.1. java方法引用(Method References) 与c#委托与脚本语言js ...

  5. 【转】关于URL编码/javascript/js url 编码/url的三个js编码函数

    来源:http://www.cnblogs.com/huzi007/p/4174519.html 关于URL编码/javascript/js url 编码/url的三个js编码函数escape(),e ...

  6. js引出函数概念的案例

    js引出函数概念的案例   1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8&q ...

  7. prototype.js $F()函数介绍

    $F()是一个能够简化编码量的函数, 对于字段输入控件有效,包括input.textarea.select等,该函数的输入参数为这些输入控件元素对象的id或元素对象本身,函数负责返回 这些输入控件元素 ...

  8. JS匿名函数的理解

    js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的 ...

  9. js回调函数(callback)理解

    Mark! js学习 不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...

随机推荐

  1. 命名空间“Aspose”中不存在类型或命名空间名称“Slides”。

    有可能引用的dll与项目的 .netFramework版本不同,需要确认两个版本是否相同.如果不同,项目右键->属性->应用程序.选择和引用的dll相同的版本.

  2. .NET委托:一个关于C#的睡前故事 【转】

    紧耦合 从前,在南方一块奇异的土地上,有个工人名叫彼得,他非常勤奋,对他的老板总是百依百顺.但是他的老板是个吝啬的人,从不信任别人,坚决要求随时知道彼得的工作进度,以防止他偷懒.但是彼得又不想让老板呆 ...

  3. Time.deltaTime和Time.realtimeSinceStartup

    private float f = 0f;void Update () {      f += Time.deltaTime;      Debug.LogError ("Time.delt ...

  4. 理解js异步的概念

    js引擎在执行的时候是单线程的,这是大家都知道的.我们先来看一段代码: <html> <head> <meta http-equiv="Content-Type ...

  5. JQuery(一)——初步总结

    JQuery其实早就看过相关的视频了,但是由于当时查的资料太少,理解的不够深刻,所以没有进行总结,这次回过头来又学习了,心里感觉理解了很多,因为BS的其它知识基本学习完了,而且有了一定程度的理解.相互 ...

  6. NSURLSessionDownloadTask 下载文件

    -(void)RequestdataUI:(NSString*)ImageURL imageName:(NSString*)imageName{ NSURL *url = [NSURL URLWith ...

  7. linux 日志查看总结

    1 grep "ERROR" catalina.log -a 20 -b 10 查看 catalina.log 中error的唯一 一行的后20行 前10行这种情况一般要唯一确定. ...

  8. "Classifying plankton with deep neural networks" notes

    cross entropy loss is not quite the same as optimizing classification accuracy. Althougth the two ar ...

  9. N!

    #include<stdio.h>main(){int jiech(int n);int n;printf("n:\n");scanf("%d",& ...

  10. mongo设计(三)

    原文:http://blog.mongodb.org/post/88473035333/6-rules-of-thumb-for-mongodb-schema-design-part-3 By Wil ...