`
braveCS
  • 浏览: 73785 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

JavaScript语言精粹读书笔记

 
阅读更多

【经典用法】:

 

//①定义新方法

Function .prototype.method=function(name, func){

              this.prototype[name]=func;

              return this;

}

 

//②给Object增加一个create方法,这个方法创建一个使用原对象作为其原型的新对象

Object.create=function(o){

       var F=function(){};

       F.prototype=o;

       return new F();

}

 

//③继承

Function.method(‘inherits’, function(Parent){

       this.prototype=new Parent();

       return this;

});

 

  

 

【对象】

1JS中的对象是name/value对的集合并拥有一个连到原型对象的隐藏连接。

2)对象字面量产生的对象连接到Object.prototype

3)引用:对象通过引用来传递,他们永远不会被复制。

4)函数就是对象。

5)函数对象连接到Function.prototype(该原型的对象本身连接到Object.prototype)。

6)函数在创建的时候会附加2个隐藏属性:函数的上下文(包括函数实参、函数形参、内嵌函数、内部变量等)和实现函数行为的代码

Object

1.                               __proto__: Object

1.                                                       __defineGetter__: function __defineGetter__() { [native code] }

2.                                                       __defineSetter__: function __defineSetter__() { [native code] }

3.                                                       __lookupGetter__: function __lookupGetter__() { [native code] }

4.                                                       __lookupSetter__: function __lookupSetter__() { [native code] }

5.                                                       constructor: function Object() { [native code] }

6.                                                       hasOwnProperty: function hasOwnProperty() { [native code] }

7.                                                       isPrototypeOf: function isPrototypeOf() { [native code] }

8.                                                       propertyIsEnumerable: function propertyIsEnumerable() { [native code] }

9.                                                       toLocaleString: function toLocaleString() { [native code] }

10.                                                    toString: function toString() { [native code] }

11.                                                    valueOf: function valueOf() { [native code] }

 

 

new大致过程:

var instance=new func(setting);

 

 èvar func=new Function();

 èfunc.prototype={construction:func; __prototype__:object}; //相当于字面量

   func.__prototype__=Function.prototype;

   func.上下文:

   func.调用方法()

   func.代码:

  func.[[scope]]:在函数创建的时候保存起来的,静态不变。是一个包含了所有层变量对象的分层链

 

 

èvar instance={};

  func.apply(instance, setting); èinstance.T=func; instance.T(setting); delete instance.T; 

instance.__prototype__=func.prototype;

 

func

1.                          name"asdf"

2.                               __proto__: func

1.                                                       constructor: function func(){this.name="asdf"}

2.                                                       __proto__: Object

 

当前上下文activeExecutionContext={

                         VO:{.....},  //或者AO

                         this: thisValue,

                         Scope:[]     // scope= withObject|catchObject+VO|AO+[[scoper]]

                  }

 

【函数】

1)除了声明时定义的形式参数,每个函数还接收2个附加的参数:thisarguments

2)一个函数总会返回一个值,如果没有指定返回值,则返回undefined。如果函数调用时在前面加上了new前缀,且返回值不是一个对象,则返回this

 

this

thisJS中有4中调用模式:

①方法调用模式:当一个函数被保存为对象的一个属性时,就称它是一个方法。当一个方法被调用时,this被绑定到该对象。

②函数调用模式:当一个函数并非一个对象的属性时,它就是被当做一个函数来调用。这个模式下的this被绑定到全局对象window,函数实际是window的属性。

③构造器调用模式:如果在一个函数前面带上new来调用,则背地里会创建一个连到该函数prototytpe成员的新对象,同时this会被绑定到那个新对象上。

apply调用模式:允许选择this的值,apply第一个参数绑定给this的值,第2个参数是传给调用函数的参数数组。

 

【异常】

JS提供了一套异常处理机制。异常是干扰程序的正常流程的不寻常的事故。当发现这样的事故时,你的程序就应该抛出一个异常:

var add=function(a, b){

       if(typeof a !==’number’ || typeof b!==’number’)

       throw {name:’TypeError’, message:’add nedds numbers’};

return a+b;

}

var try_it=function(){

       try{add(“seven”);       }

       catch(e){document.writeln(e.name+”:”+e.message);}

}

 

【模块】

String.method(‘deentityify’, function(){

       var entity={quot:’”’,lt:’<’,gt:’>’};

       return function(){

       return this.replace(/&([^&;]+);/g, function(a,b){

var r=entity[b];return typeof r===’string’?r:a});

};

});

模式模式利用函数作用域和闭包来创建被绑定对象与私有成员的关联。模块模式的一般形式是:一个定义了私有变量和函数的函数;利用闭包创建可以访问私有变量和函数的特权函数;最后返回这个特权函数,或者把它们保存到一个可访问到的地方。使用模块模式就可以摒弃全局变量的使用,促进信息隐藏和其他优秀的设计实践。

 

【柯里化】

函数也是值。柯里化:局部套用,把多参数函数转换为一系列单参数函数并进行调用的技术。柯里化允许我们把函数与传递给它的参数相结合,产生出一个新的函数。

var add1=add.curry(1);

document.writeln(add1(6));  //7

 

Function.method(‘curry’, function(){

       var slice=Array.prototype.slice,

          args=slice.apply(arguments),

       that=this;

       return function(){

              return that.apply(null, args.concat(slice.apply(arguments)));

};

});

 

 

 

 另外参考好文:《深入学习Javascript》 http://blog.goddyzhao.me/JavaScript-Internal

 

 

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    JavaScript 精粹读书笔记(1,2)

    在《JavaScript 精粹》一书中,作者深入探讨了JavaScript的特性和最佳实践,旨在帮助开发者区分和利用其精华部分,同时避免那些可能会引起问题的鸡肋特性。 首先,JavaScript的某些特性带来了麻烦,因为其规范的不...

    JavaScript 语言精粹学习笔记第1/2页

    JavaScript是一种广泛使用的高级、解释型编程语言,它以其函数式编程的特性、弱类型系统、动态对象和富有表现力的对象字面量而闻名。然而,它同样存在着基于全局变量的编程模型这一缺点。JavaScript的函数基于词法...

    ASP数据库开发实例精粹

    ASP是一种服务器端脚本语言,由微软公司推出,用于在Web服务器上创建动态网页。它的主要优势在于能够与多种数据库系统无缝集成,如Microsoft Access、SQL Server、MySQL等。通过ASP,开发者可以编写代码来处理用户...

    javascript 精粹笔记

    标题为“javascript 精粹笔记”的这份文档显然是一份针对JavaScript语言的学习和应用技巧的集合。JavaScript是一种广泛应用于Web前端开发的脚本语言,随着互联网技术的发展,JavaScript的应用越来越广泛,不仅限于...

    angularJS笔记

    javascript:闭包 作用域 原型 Javascript权威指南 Javascript高级程序员设计 Javascript语言精粹 Javascript模式

    计算机书籍读书笔记.docx

    ### 计算机书籍读书笔记知识点汇总 #### 第一篇:CSS精粹之布局技巧 **1. 错误检测的重要性** - 在遇到CSS布局问题时,及时进行代码检查可以帮助开发者快速定位并解决问题。 - **W3C提供的工具**:W3C提供XHTML...

    前端开发书籍推荐与学习路线.docx

    * 推荐书籍:JavaScript 高级程序设计、JavaScript 权威指南、JavaScript 语言精粹 * 学习方法:边实战边记笔记,不要光看,要有方法的快速阅读 三、JavaScript 进阶 * 推荐书籍:《你不知道的 JavaScript》 * ...

    《COM原理与应用》全书笔记

    ### COM原理与应用全书笔记精粹 #### 一、COM基本概念与接口设计 COM(Component Object Model)是微软提出的一种组件对象模型,旨在实现跨语言、跨平台的组件互操作性。在C++中,COM通过接口(Interface)来实现...

Global site tag (gtag.js) - Google Analytics