《JavaScript言语精炼》内容精选

2024年1月8日 141次阅读 来源: 不热

近来在读《JavaScript言语精炼》这本书，作者是 Douglas Crockford；Douglas Crockford是一位来自 Yahoo！的资深JavaScript架构师，以建立和保护JSON（JavaScript object notation）花样而为人人所熟知。他会按期在各种集会上宣布有关高等JavaScript的主题演讲。他也是ESMAscript委员会的成员之一。
本来想写一篇读后感的，然则想一想，《JavaScript言语精炼》是我在JavaScript方面浏览的第一本书，算是开辟视野，所以心中只需对这本书的总结，谈不上有感。而且我的目标就是为了节约浏览这本书的时刻，协助人人相识也许的内容，我会只管把本身以为个中的精华转达给想读这本书的朋侪。
注重：这本书不是给初学者的，也不是一本傻瓜式的教程。

语法 Grammer

  1. JavaScript的两种解释情势：/**/（块解释）和 //（行解释）

  2. 块解释的字符对能够出如今如今正则表达式的字面量里，所以块解释相对来说不安全

    比方：
        /*
var rm_a = /a*/.match(s);
    */

  3. 作者发起只管防止运用 /**/解释，用 //来替代它。

标识符

  1. 标识符有一个字母开首，厥后能够挑选性的加上一个或多个字母、数字或下划线。

  2. 标识符不能运用下面这些保留字：

abstract
boolean    break    byte
case    catch    char    class    const    continue
debugger    default    delete    do    double
else    enum    export    extends
false    final    finally    float    for    function
goto
if    implements    import    in    instanceof    int    interface
long
native    new    null
package    private    protected    public
return
short    static    super    switch    synchronized
this    throw    throws    transient    true    try    typeof
var    volatile    void
while    with

数字

  1. JavaScript只需一个数字范例。它在内部被示意与64位的浮点数，和Java的double数字范例一样。

  2. 假如一个数字字面量有指数部份，那末这个字面量的值即是e之前的数字与10的e以后的数字的次方相乘。所以 100和 1e2是雷同的数字。

  3. 数字具有要领，JavaScript有一个对象Math，它包含一套用于数字的要领。
    比方，能够用Math.floor(number)要领把一个数字转换为一个整数。

字符串

  1. JavaScript没有字符范例。要示意一个字符，只需建立仅包含一个字符的字符串即可。

  2. 字符串有一个 length属性。比方，“seven”.length是5。

  3. 字符串也有一些要领。比方，‘cat’.toUpperCase( ) === ‘CAT’

语句

  1. 当 var语句被用于函数内部时，它定义的是这个函数的私有变量。

  2. 语句通常是根据从上到下的递次被实行。JavaScript能够经由历程前提语句（if和switch）、轮回语句（while、for和do）、强迫跳转语句（break、return和throw）和函数挪用来转变实行的序列

表达式


 1. . [] ()    ----------提取属性与挪用函数
 2. * / %      ----------乘法、除法、求余
 3. &&         ----------逻辑 与
 4.||          ----------逻辑 或
 5.？：        ----------三元

三元运算符？背面随着另一个表达式，然后接一个：，厥背面接第三个表达式。
三元运算符？有三个运算数。假如第1个运算数的值为真，发生第2个运算数的值；假如为假，则发生第3个是运算数的值。

对象 Objects

JavaScript里的对象是无范例的(class-free)，对象能够包含其他对象。
JavaScript包含一种原型链的特性，许可对象继续另一个对象的属性。准确的运用它能削减对象初始化时斲丧的时刻和内存。
1、对象字面量 Object Literals

  • JavaScript的标识符中包含衔接符“-”是不合法的，然则许可包含下划线“_”，

  • 所以用引号括住“first-name”是必须的。

2、检索 Retrieval

  • 要检索对象里包含的值，能够采纳[]后缀中括住一个字符串表达式的体式格局。

  • 假如字符串表达式是一个字符串字面量，那末也能够用 . 示意法替代。

  • 斟酌优先运用 . 示意法，由于它更紧凑且可读性更好。

  • 假如你尝试检索一个并不存在的成员属性的值，将返回undefined。

  • 尝试从undefined的成员属性中取值将会致使TypeError非常。这时刻能够经由历程 && 运算符来防止毛病。

3、原型 Prototype

  • 每一个对象都衔接到一个原型对象，而且它能够从中继续属性。一切经由历程对象字面量建立的对象都衔接的Object.prototype，它是JavaScript中标配对象。

  • 当你建立一个新对象时，你能够挑选某个对象作为它的原型。JavaScript供应的完成机制芜杂而庞杂，但实在能够被明显地简化。我们将给Object增添一个create要领。这个要领建立一个运用原对象作为其原型的新对象。

if(typeof Object.beget !== 'function') {
    Object.create = function(o) {
        var F = function() {};
        F.prototype = o;
        return new F();
    };
}
var another_stooge = Object.create(stooge);

  • 原型衔接在更新时是不起作用的。当我们对某个对象做出的转变时，不会影响该对象的原型。

  • 假如我们尝试去猎取对象的某个属性值，但该对象没有此属性名，那末JavaScript会试着从原型对象中去猎取属性值。假如谁人原型对象也没有改属性，那末再从它的原型中寻觅，依此类推，直到末了抵达尽头Object.prototype。

  • 假如想要的属性完整不存在原型链中，那末效果就是undefined值。这个历程称为托付。

  • 原型关联是一种动态关联。假如我们增加一个新的属性到原型中，该属性会立即对一切基于该原型建立的对象可见。

4、反射 Reflection

  • 搜检对象并肯定对象有什么属性是很轻易的事变，只需试着去检索该属性并考证获得的值。Typeof 操作符对肯定属性的范例有很大的协助：

typeof flight.number            //'number'
typeof flight.status            //'string'
typeof flight.arrival           //'object'
typeof flight.manifest          //'undefined'

  • 注重任何原型链中的任何属性都邑发生值：

typeof flight.toString           //'function'
typeof flight.constructor        //'function'

有两种要领处置惩罚掉这些不需要的属性。第一个是让你的顺序做搜检并抛弃值为函数的属性。另一个就是运用 hasOwnProperty 要领，假如对象有独占的属性，它将返回 true。
hasOwnProperty要领不会搜检原型链。

fligth.hasOwnProperty('number')         //true
flight.hasOwnProperty('constructor')    //false

5、罗列 Enumeration

  • for in 语句可用来遍历一个对象中一切属性名。改罗列历程将会列出所以的属性——包含函数和你能够不关心的原型中的属性——所以没必要过滤掉那些你不想要的值。最为经常使用的过滤器是 hasOwnProperty 要领，以及运用 typeof 来消除函数：

var name;
for(name in another_stooge) {
    if(typeof another_stooge[name] !== 'function') {
        document.writeln(name + ':' + another_stooge[name]);
    }
}

  • 属性名涌现的递次是不肯定的，因而要对任何能够涌现的递次有所准备。假如你想要确保属性以特定的递次涌现，末了的方法是完整防止运用 for in 语句，而是建立一个数组，在个中以准确的递次包含属性名：

var i;
var propertier = {
    'fiirst-name',
    'middle-name',
    'last-name',
    'profession'
};
for(i = 0; i< properties.length; i += 1) {
    document.writeln(properties[i] + ':' + another_stooge[properties[i]]);
}

经由历程 for 而不是 for in，能够获得我们想要的属性，而不必忧郁能够发掘出原型链中的属性，而且我们按准确的递次获得了它们的值。

6、删除 Delete

  • delete运算符能够用来删除对象的属性。假如对象包含该属性，那末该属性就会被移除。它不会触及原型链中的任何对象。

  • 删除对象的属性能够会让来自原型链中的属性透现出来：

another_stooge.nickname            //'Moe'
delete another_stooge.nickname;
another_stooge.nickname            //'Curly'

7、削减全局变量污染 Global Abatement

  • 全局变量减弱了顺序的灵活性，应当防止运用。

  • 最小化运用全局变量的要领之一是为你的运用值建立一个唯一的全局变量：

var MYAPP = {};

该变量此时变成了你的运用的容器：

MYAPP.stooge = {
    "first-name": "joe",
    "last-name": "Howard"
};
MYAPP.flight = {
    airline: "Oceanic",
    departure: {
        IATA: "SYD",
        city: "Sydney"
    }
};

  • 只需把全局性的资本都归入一个称号空间下，你的这个顺序与其他运用顺序、组件或类库之间发生冲突的能够性就会明显下降。这个顺序也会变得更轻易浏览，由于很明显，MYAPP.stooge 指向的是顶层组织。另有一种有用削减全局污染的要领，隐蔽信息的要领，就是 闭包！

函数 Functions

1、函数字面量 Function Literal

  • 函数对象经由历程函数字面量来建立：

//建立一个名为 add 的变量，并用来把两个数字相加的函数赋值给它
var add = function(a,b) {
    return a + b;
};

函数字面量包含4个部份。

  • 第1个部份是保留字 function。

  • 第2个部份是函数名，它能够被省略。函数能够用它的名字递归地挪用本身。此名字也能够被调试器和开发工具用来辨认函数。假如没有给函数定名，则它被成为匿名函数(anonymous)。

  • 第3个部份是包围在圆括号中的一组参数。多个参数用逗号离隔。这些参数的称号被定义为函数中的变量。它们不像一般的变量那样被初始化为 undefined，而是在该函数被挪用时初始化为现实供应的参数的值。

  • 第4个部份是包围在花括号中的一组语句。这些语句是函数的主体，它们在函数被挪用是实行。

  • 函数字面量能够出如今任何许可表达式涌现的处所。一个内部函数除了能够接见本身的参数和变量，同时它也能自在接见把它嵌套在个中的父函数的参数和变量。经由历程函数字面量建立的函数对象包含一个连到外部上下文的衔接。这被称为 闭包(closure)。它是JavaScript壮大表现力的泉源！

2、挪用 Invocation
挪用一个函数会停息当前函数的实行，通报控制权和参数给新函数。除了声明时定义的情势参数，每一个参数还接办两个附加的参数：this 和 arguments。参数 this 在面向对象编程中非常重要，它的值取决于挪用的形式。在JavaScript中一共有4种挪用形式：要领挪用形式、函数挪用形式、组织器挪用形式和 apply 挪用形式。这些形式在假如初始化症结参数 this 上存在差别。
挪用运算符是跟任何发生一个函数值的表达式后的一对圆括号。圆括号中内可包含0个或多个用逗号离隔的表达式。每一个表达式发生一个参数值。每一个参数值被给予函数声明时定义的情势参数名。当现实参数（arguments）和情势参数（parameters）的个数不婚配时，不会致使运行时的毛病。假如现实参数值过多了，超越的参数值会被疏忽。假如现实参数值过少，缺失的值被替换为 undefined 。对参数值不会举行范例搜检：任何范例的值都能够被通报给任何参数。

  • 要领挪用形式 The Method Invocation Pattern
    当一个函数被保存为对象的一个属性是，我们称它为一个要领。当一个要领被挪用时， this 被绑定到该对象。假如挪用表达式包含一个提取属性的行动（即包含一个 . 点标记的表达式或[subscript]下标表达式），那末它就是被看成一个要领来挪用。

var myObject = {
  value :0;
  increment:function(inc){
    this.value += typeof inc ==='number'?inc:1;
  }   / /increment要领接收一个可选的参数，假如参数不是数字，默许运用数字1.  
};  
myObject.increment();
document.writeln(myObject.value);   // 1 

myObject.increment(2);  
document.writeln(myObject.value);   // 3

要领能够运用 this 去接见对象，能从对象中修正该对象。this 到对象的每绑定发生在挪用的时刻，这个超等迟绑定运用函数能够对 this 高度复用。经由历程 this 可获得它们所属对象的上下文的要领称为大众要领。

  • 函数挪用形式 The Function Invocation Pattern

当函数并不是对象的属性时，它被看成一个函数来挪用：

var sum = add(3, 4);          //sum的值为7

当函数以此形式挪用时，this 被绑定到全局对象，这是言语设想上的一个毛病。当内部函数被挪用时，this 应当绑定到外部函数的 this 变量。解决方案是：假如该要领定义一个变量并给它赋值为 this ，那末内部函数就能够经由历程谁人变量接见到 this，根据商定，定名为 that：

myObject.double = function () {   // 给myObject增添一个double要领
  var that = this;             // 解决要领
  var helper = function() {
   that.value = add(that.value, that.value);  
  };
  helper();                     // 以函数的情势挪用helper
};  
myObject.double();            // 以要领的情势挪用double
document.writeln(myObject.Value());  //6

  • 组织器挪用形式 The Constructor Invocation Pattern

JavaScript是基于原型继续的言语，意味着对象能够直接从别的对象继续属性，该言语是无种别的。
假如在一个函数前面带上new来挪用，将建立一个隐蔽衔接到该函数的prototype成员的新对象，同时this将会被绑定到谁人新对象上。new前缀也会转变return语句的行动。

var Quo = function (string){       //建立组织器函数Quo，有status属性的对象
    this.status = string;
};
Quo.prototype.get_status = function() { //供应一个名为get_status的大众要领
    return this.status;  
};  
var myQuo = new Quo("confused");   //组织一个Quo实例
document.wirteln(myQuo.get_status());     //打印显现“confused”
    原文作者：不热
    原文地址: https://segmentfault.com/a/1190000006972587
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞