javascript 语言精粹 学习笔记(二)

javascript 语言精粹 学习笔记(二)

接着我们来看看,表达式之后的部分。

表达式

基本的表达式,无非是字面量值、变量、内置的值(true、false、null、undefined、NaN、Infinity)、以new开头的调用表达式、delete开头的属性提取表达式、以前置运算符作为前导的表达式、或者由一下形式构成的:

  • expression + infix operator + expression
  • expression ? expression : expression
  • 函数调用
  • 函数提取表达式

之后就是表达式结合的重要规则了,优先级由上往下降低:

.   []  ()                          提取属性与调用函数

delete  new typeof  +   -   !       一元运算符

*   /   %                           乘法、除法、求余

+   -                               加法/连接、减法

>=    <=    >    <                  不等式运算符

===   !==                           等式运算符

&&                                  逻辑与

||                                  逻辑或

?:                                  三元
  • typeof运算符产生的值有’number’、’string’、’boolean’、’undefined’、’function’、’object’。null的typeof结果是object。
  • +运算符,只在两个运算数都是数字的情况下,才起到加法的作用,不然的话,就是字符串连接的作用。
  • /运算符,即使是在两个运算数都是整数的情况下,也可能产生非整数结果。毕竟前面提到了js默认的数字类型是64位的浮点数

字面量

对象字面量里的属性名,可以是标识符或字符串。这些名字被当做字面量名而不是变量名来对待,所以对象的属性名在编译时才能知道。属性的值就是表达式。

函数

这一章对于函数只是略微介绍了一下,详细的内容在之后的章节会细说。

第三章 对象

对于丑陋的事物,爱会闭目无视。

——威廉·莎士比亚《维洛那二绅士》(The Two Gentlemen of Verona)

  • js的简单数据类型包括数字、字符串、布尔值(true、false)、null值和undefined值。其他所有的值都是对象。

  • 数组、字符串、布尔值看上去很像对象,以为他们都有可用的方法,但他们是不可变的。js中的对象是可变的键控集合。(至于为什么不是对象,还拥有方法,这个可以去翻阅《javascript高级程序设计》中的内置对象那一章,其中讲了几个基本类型是如何变成包装类型调用方法的)。

  • 对象是属性的集合,属性名可以是包括空字符串在内的任何字符串。

  • js里的对象是无类型(class-free)的。

  • js包含叫做原型链的特性,允许对象继承另一个对象的属性(这里的继承和传统面向对象的继承是有所区别的,不能照搬概念)。正确使用可以减少对象初始化消耗的时间和内存。

对象字面量

对象字面量就是一对花括号中的零或多个“名/值”对。对象字面量可以出现在任何允许表达式出现的地方。对象是可嵌套的,属性的值也可以是另一个对象字面量。

如果属性名是一个合法的js标识符且不是保留字,所以不强制用引号括住属性名。

检索

  • 可以采用[]后缀括住一个字符串表达式,来检索对象里的值。不过,在符合js标识符命名规范下,优先使用 . 表示法,因为更紧凑可读性更好。
  • 如果检索不存在的成员属性,返回undefined。
  • ||运算符可以用来填充默认值。

    var middle = stooge["middle-name"] || "(none)";
    var status = flight.status || "unknown";
    
  • 尝试从undefined的成员属性中取值将会导致TypeError,这时可以通过&&运算符来避免错误。

    flight.equipment            //undefined
    flight.equipment.model      //throw "TypeError"
    

更新

  • 对象里的值可以被赋值语句来更新,如果已经存在于对象里,那么就会被替换。
  • 如果对象之前没有那个属性,该属性就被扩充到对象里。

引用

对象通过引用来传递,永远不会被复制。

原型

  • 每个对象都会链接到一个原型对象上,从中继承属性。
  • 所有对象字面量创建的对象都能连接到Object.prototype,这是js的标配对象
  • 当创建新对象时,你可以选择某个对象作为它的原型。Object.create方法,创建一个使用原对象作为其原型的新对象。

    if(typeof Object.beget !== 'function') {
        Object.create = function(o) {
            var F = function (o) {};
            F.prototype = o;
            return new F();
        };
    }
    var another_stooge = Object.create(stooge);
    
  • 原型连接在更新时是不起作用的。当对某个对象做出改变时,不会触及该对象的原型。

  • 委托:当尝试去获取某个对象的属性值时,但该对象没有此属性名时,js会尝试从原型对象中获取属性值。如果那个原型对象都没有,再从它的原型中检索,直到最后到达Object.prototype。如果想要的完全不存在原型链中,结果是undefined。
  • 原型关系是一种动态关系,添加新的属性到原型中,该属性会立即对所有基于该原型创建的对象可见。

反射

  • typeof操作符对于确定属性的类型很有帮助
  • 请注意原型链中的任何属性都会产生值

    typeof flight.toString         //'function'
    typeof flight.constructor      //'function'
    
  • 有两种方法可以处理掉这些不需要的属性。第一个是让你的程序做检查并丢弃这些值为函数的属性。但是,一些值也可能是函数。

  • 另一个方法是使用hasOwnProperty方法,这个方法不会检查原型链。

枚举

  • for in语句用来遍历一个对象中的所有属性名,但是这会包括函数和原型中的属性。过滤掉不想要的属性的常用办法,是hasOwnProperty和typeof。

    vaf name;
    for (name in another_stooge){
        if(typeof another_stooge[name] !== 'function'){
            document.writeln(name + ': ' + another_stooge[name]);
        }
    }
    
  • 因为遍历的顺序是不确定的,所以为了让属性以特定的顺序出现,最好的办法是完全避免使用for in语句,而是创建一个数组,在其中以正确的顺序包含属性名:

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

删除

  • delete运算符只能用来删除对象的属性。如果对象包含该属性,属性会被移除。
  • 它不会触及原型链中的任何对象
  • 删除对象的属性可能会让原型链中的同名属性暴露出来。

    another_stooge.nickname       //'Moe'
    //删除该对象的nickname属性,从而暴露出原型的nickname属性
    delete another_stooge.nickname;
    
    another_stooge.nickname       //'Curly'
    

减少全局变量的污染

js可以很灵活的定义全局变量,来容纳所有的资源。遗憾的是,全局变量削弱了程序的灵活性,应该避免使用。

最小化使用全局变量的方法之一:创建唯一的全局变量,作为应用的容器。

eg.下一次是函数部分的笔记

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值