JavaScript标准参考教材(alpha)--笔记

一、导论

二、基本语法

    1、严格来说var a=1与a=1效果不太一样,delete命令无法删除前者。

        JavaScirpt是一种动态类型语言,也就是说,变量的类型没有限制,可以赋予各种类型的值。

        JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。中文是合法的标识符,可以用作变量名。

        switch语句后面的表达式与case语句后面的表示式,在比较运行结果时,采用的是严格相等运算符(===)。swidth结构不利于代码重用,往往可以用对象形式重写。

         do...while语句中,while后的分号不能省略。

         typeof(null)=='object',typeof(undefined)=='undefined',null==undefined,null转数值是0,undefined转数值是NaN。 
    2、JavaScript内部,所有数字都是以64位浮点数形式储存,

         +0===-0,唯一有区别的场合是,+0-0当作分母,返回的值是不相等的,0/0返回NaN,NaN类型number,NaN===NaN为false。isFinite函数返回一个布尔值,检查某个值是不是正常数值,而不是Infinite。

    3、Base64是一种编码方法,可以将任意字符转成可打印字符。使用这种编码方法,主要不是为了加密,而是为了不出现特殊字符,简化程序的处理。btoa():字符串或二进制值转为Base64编码,atob():Base64编码转为原来的编码。要将非ASCII码字符转为Base64编码,必须中间插入一个转码环节encodeURIComponent(str),再使用这两个方法。

    4、对象中键名不符合标识名的条件,则必须加上引号。JavaScript的保留字可以不加引号当作键名。

        如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。但是,这种引用只局限于对象,对于原始类型的数据则是传值引用,也就是说,都是值的拷贝。

        检查变量是否声明:if('a' in window){}else{}。

        查看所有属性:Object.keys(o)。

       delete命令只能删除对象本身的属性,无法删除继承的属性,不能删除var命令声明的变量,只能用来删除属性。

       with的作用是操作同一个对象的多个属性时,提供一些书写的方便。

    5、任何类型的数据,都可以放入数组。将数组清空的一个有效方法,就是将length属性设为0。

        数组的slice方法将类似数组的对象,变成真正的数组:Array.prototype.slice.call(arrayLike)。

        数组的某个位置是空位,与某个位置是undefined,是不一样的。如果是空位,使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历,空位都会被跳过。

    6、JavaScript引擎将函数名视同变量名,所以采用function命令声明函数时,整个函数会像变量声明一样,被提升到代码头部。如果同时采用function命令和赋值语句声明同一个函数,最后总是采用赋值语句的定义。

         对于var命令来说,局部变量只能在函数内部声明,在其他区块中声明,一律都是全局变量。

         如果函数A调用函数B,函数B不会引用函数A的内部变量。函数体内部声明的函数,作用域绑定函数体内部。

         函数参数如果是原始类型按值传递,如果是复合类型按地址传递,如果函数内部修改的,不是参数对象的某个属性,而是替换掉整个参数,这时不会影响到原始值。

        闭包就是函数能够读取其他函数内部变量的函数。闭包作用:读取函数内部变量,让这些变量始终保存在内存中,封装对象的私有属性和私有方法。

    7、否运算(~)

    8、Number:调用对象自身的valueOf方法。如果返回原始类型的值,则直接对该值使用Number函数,不再进行后续步骤。如果valueOf方法返回的还是对象,则改为调用对象自身的toString方法。如果返回原始类型的值,则对该值使用Number函数,不再进行后续步骤。如果toString方法返回的是对象,就报错。

        String:先调用对象自身的toString方法。如果返回原始类型的值,则对该值使用String函数,不再进行以下步骤。如果toString方法返回的是对象,再调用valueOf方法。如果返回原始类型的值,则对该值使用String函数,不再进行以下步骤。如果valueOf方法返回的是对象,就报错。

        Boolean:undefined null -0 0或+0 NaN ''(空字符串)为false,其余为true。

    9、Error构造函数,所有抛出的错误都是这个构造函数的实例。

        原生错误类型:SyntaxEror(语法错误),ReferenceError(引用一个不存在的变量),RangeError(值超出范围),TypeError,URIError,EvalError。

        如果没有发生错误,则运行finally代码块关闭文件;一旦发生错误,则先使用catch代码块处理错误,再使用finally代码块关闭文件。

    10、避免使用全局变量。如果不得不使用,用大写字母表示变量名。

        所有函数都应该在使用之前定义,函数内部的变量声明,都应该放在函数的头部。

        建议使用Object.create()命令,替代new命令。

        不要使用“相等”(==)运算符,只使用“严格相等”(===)运算符。

        建议自增(++)和自减(--)运算符尽量使用+=-=代替。

        建议避免使用switch...case结构,用对象结构代替。

三、标准库

    1、Object.keys方法只返回可枚举的属性,Object.getOwnPropertyNames方法还返回不可枚举的属性名。

        var type = function (o){var s = Object.prototype.toString.call(o);return s.match(/\[object (.*?)\]/)[1].toLowerCase();};比typeof更准确。

    2、concat方法返回当前数组的一个浅拷贝。所谓“浅拷贝”,指的是如果数组成员包括复合类型的值(比如对象),则新数组拷贝的是该值的引用。

         push方法还可以用于向对象添加元素,添加后的对象变成类似数组的对象,即新加入元素的键对应数组的索引,并且对象有一个length属性。[].push.call(a,1)。

         slice方法的一个重要应用,是将类似数组的对象转为真正的数组。Array.prototype.slice.call({...})。

         map方法对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。map通过call方法还可以用于字符串。

    3、valueOf()返回包装对象实例对应的原始类型的值。toString()返回实例对应的字符串形式。

         原始类型的值,可以自动当作对象调用,即调用各种对象的方法和参数。这时,JavaScript引擎会自动将原始类型的值转为包装对象,在使用后立刻销毁。

    4、Number:toString(),toFixed()小数位数,toExponential()科学计数法,toPrecision()指定位数的有效数字。 

    5、String:用slice代替substring。search方法的用法等同于match,但是返回值为匹配的第一个位置。

    6、Math.round(-1.5)。返回随机字符串:

1 function random_str(length) {
2   var a = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
3   var str = '';
4   for (var i=0; i < length; ++i) {
5     var rand = Math.floor(Math.random() * a.length);
6     str += a.slice(rand, rand + 1);
7   }
8   return str;
9 }

    7、Date:getYear():返回距离1900的年数。valueOf方法返回实例对象距离1970年1月1日00:00:00 UTC对应的毫秒数,该方法等同于getTime方法。

    8、正则:regex.test(string)返回布尔值。regex.exec(string)返回数组,有lastIndex属性。string.match(regex)不匹配返回null。search返回第一个满足条件的匹配结果在整个字符串中的位置,否则-1。

    9、JSON:JSON.stringify,JSON.parse方法用于将JSON字符串转化成对象

    10、console

    11、属性描述对象

四、面向对象编程

    1、JavaScript的对象体系是基于构造函数(constructor)和原型链(prototype)的。使用构造函数(constructor)作为对象的模板(首字母大写)。

    new命令的作用,就是执行构造函数,返回一个实例对象。new命令总返回一个对象。

        如果构造函数内部有return语句,而且return后面跟着一个对象,new命令会返回return语句指定的对象;否则,就会不管return语句,返回this对象。

    2、this

        在全局环境使用this,它指的就是顶层对象window。构造函数中的this,指的是实例对象。当A对象的方法被赋予B对象,该方法中的this就从指向A对象变成了指向B对象。

    3、prototype

        原型对象的作用,就是定义所有实例对象共享的属性和方法。

        constructor属性的作用,是分辨原型对象到底属于哪个构造函数。

        instanceof运算符用来比较一个对象是否为某个构造函数的实例。

        Object.getPrototypeOf方法返回一个对象的原型。

        Object.setPrototypeOf方法可以为现有对象设置原型,返回一个新对象。

        对象实例的isPrototypeOf方法,用来判断一个对象是否是另一个对象的原型。

    4、Object对象与继承

    5、面向对象编程的模式

五、DOM(未看)

    1、对于HTML文档,节点主要有以下六种类型:Document节点、DocumentType节点、Element节点、Attribute节点、Text节点和DocumentFragment节点。

六、浏览器环境

    1、浏览器核心:渲染引擎和JavaScript引擎,

        如果脚本之间没有依赖关系,就使用async属性,如果脚本之间有依赖关系,就使用defer属性。如果同时使用asyncdefer属性,后者不起作用,浏览器行为由async属性决定。

        重流必然导致重绘,重绘不一定需要重流。

        根据页面本身的协议来决定加载协议,这时可以采用下面的写法。<script src="//example.js"></script>

    2、window.location === document.location。

    URL编码:encodeURI(),encodeURIComponent(),decodeURI(),decodeURIComponent()。

    3、history.back()返回上一页(从浏览器缓存中加载)。

        URLSearchParams API用于处理URL之中的查询字符串,即问号之后的部分。

        URLSearchParams还可以与URL接口结合使用。var url = new URL(location);url.searchParams就是URLSearchParams {}对象。

    4、每个Cookie的大小一般不能超过4KB。

        Cookie保存以下几方面的信息:Cookie的名字,Cookie的值,到期时间,所属域名(默认是当前域名),生效的路径(默认是当前网址)。

        window.navigator.cookieEnabled属性返回一个布尔值,表示浏览器是否打开Cookie功能。document.cookie属性返回当前网页的Cookie。

        两个网址只要域名相同和端口相同,就可以共享Cookie。

    5、sessionStorage和localStorage。

        JSONP:网页通过添加一个<script>元素,向服务器请求JSON数据,这种做法不受同源政策限制;服务器收到请求后,将数据放在一个指定名字的回调函数里传回来。

        WebSocket是一种通信协议,使用ws://(非加密)和wss://(加密)作为协议前缀。

    6、浏览器将CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)。

        JSONP只支持GET请求,CORS支持所有类型的HTTP请求。

    7、Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息。

    8、Performance API用于精确度量、控制、增强浏览器的性能表现。

七、语法专题:

    1、JavaScript引擎有多个线程,单个脚本只能在一个线程上运行,其他线程都是在后台配合。

        为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。

        所谓Event Loop机制,指的是一种内部循环,用来一轮又一轮地处理消息队列之中的消息,即执行对应的回调函数。(异步模式)

        所有任务分为同步任务和异步任务。

    2、如果被setTimeout推迟执行的回调函数是某个对象的方法,那么该方法中的this关键字将指向全局环境。

        setIntervel具有累积效应。

    3、Promise是JavaScript异步操作解决方案。

    4、严格模式

 以上笔记总结自—— http://javascript.ruanyifeng.com/ 

posted @ 2016-08-07 22:29  we are young  阅读(1199)  评论(0编辑  收藏  举报