六天玩转javascript：第一天(1)

说明

本系列属于进阶系列，语常用语法等不在本系列介绍范围之内。

在我刚开始做一个程序员并开发项目的时候，我总是喜欢使用开发语言的各种特性，每次m$发布新版C#的时候我总是会把开发者预览版下好，亲自体验，并期望从中获得快感，每次使用新的语言进行程序设计的时候，我总是喜欢掌控他有趣的地方，尽管很多与软件工程有悖。这似乎让我出过很多风头，别人的问题似乎没有什么能难倒我的，后来在我开始从工程领域思考问题的时候，我发现很多特点给我带来的"编程快感"引发的麻烦超过了快感本身的价值，很多地方难以被同项目的人理解，这些奇淫技巧在我学习jquery源码的时候也给我带来了不小的麻烦(jq源码使用了大量js技巧)，没有相比于更工程化的backbone.js的源码易于学习，这一年我学会了在中间做取舍，这是必须的。不过我认为我快速学习的能力需要保留，我一般把我学过的高级编程语言分为“面向过程”，“面向对象”，“函数式”，“并发式”，这让我学一个新语言的时候会非常之快速，不过大多数语言都是把特点混杂在一起了。

本系列内容为本人平时项目实践和参照MDN，MSDN，《javascript语言精粹》，《Effective Javascript》等资料，并且整理自己EverNote的日常积累整理所写，时间太长有一些代码样例来源不可考。本系列不允许任何形式的转载，谢谢。 from yeanzhi

大纲

第一天：javascript变量，操作符与变量作用域

第二天：javascript函数

第三天：对象与原型

第四天：再谈函数与继承

第五天：内置对象

第六天：特殊性质与技巧

第一天：javascript变量与表达式(1)

JavaScript 是一种面向对象的动态语言，它包含类型、运算符、核心对象（core objects）和方法。不过需要注意的一个主要区别是 JavaScript 不支持类，类这一概念在 JavaScript 通过对象原型（object prototype）实现。另一个主要区别是 JavaScript 中的函数也是对象，JavaScript 允许函数在包含可执行代码的同时，能像其他对象一样被传递。

数字

1，JavaScript 采用“IEEE 754 标准定义的双精度64位格式”，也就是说不区分整形和浮点数，js中一切数字都是用浮点数表示。2，js中算数除了+，-，*，/等常规运算符外，在Math中还定义了一些高级数学函数，在使用之前请确定传入的参数是数字，可以使用Numbetr(),parseInt()，或者parseFloat()转化成数字并用isNaN()来判定，如果返回的是数字，那么！isNaN(theNumber)将返回true。

注意：Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。parseInt()和parseFloat()函数会尝试逐个解析字符串中的字符，直到遇上一个无法被解析成数字的字符，然后返回该字符前所有数字字符组成的数字。如“3.4.5”被转换成“3.4”，用Number()进行强制类型转换将返回NAN,同理使用运算符 + 将字符串转换成数字，只要字符串中含有无法被解析成数字的字符，该字符串都将被转换成 NaN。如果字符串值能被完整地转换，Number()将判断是调用parseInt()还是parseFloat()。

字符串

JavaScript 中的字符串是一串字符序列。更准确地说，它们是一串由Unicode 字符构成的字符序列，每一个字符由一个 16 位二进制数表示。

布尔类型

其他类型

JavaScript 中 null 和 undefined 是不同的，前者表示一个空值（non-value），后者是“undefined（未定义）”类型的对象，表示一个还没有被分配的值。不过undefined==null 返回的是true，也就是说在实际编程中他俩误用对代码几乎没什么影响。

变量

1. var i = 10;
2. {
3. let i = 2;
4. // 这, i = 2.
5. }
6. // 这里, i = 10.

1. let me = 'go'; //和下面等同
2. var i = 'able';

2，函数作用域里面

1. function ingWithinEstablishedParameters() {
2. let terOfRecommendation = 'awesome worker!';
3. var sityCheerleading = 'go!'; //没什么区别
4. };

3，块作用域中这里是差别

1. function allyIlliterate() {
2. //变量tuce 在这里不可用
4. for( let tuce = 0; tuce < 5; tuce++ ) {
5. //tuce is only visible in here (and in the for() parentheses)
6. };
8. //变量tuce 在这里不可用
9. };
11. function byE40() {
12. //变量nish 在这里可用
14. for( var nish = 0; nish < 5; nish++ ) {
15. //nish is visible to the whole function
16. };
18. //变量nish 在这里可用
19. };

4，let还可以创建自己的封闭块，当然一遍我不推荐这样

1. function conjunctionJunctionWhatsYour() {
2. //变量sNotGetCrazy 在这里不可用
4. let( sNotGetCrazy = 'now' ) {
5. //sNotGetCrazy is only visible in here
6. };
8. //变量sNotGetCrazy 在这里不可用
9. };

综述：主要的区别是 var 变量的范围是整个封闭函数

变量作用域（这里不讨论1.7引入的let）

var 声明是变量的标准声明var 声明的变量是永久性的,不能用delete运算符删除

eg1.   var scope="global";   function f(){     alert(scope);     var scope="local";     alert(scope);   }   f();   过程:   创建全局对象,搜索函数外的var声明语句,在全局对象中创建scope属性,scope=undefined   创建全局的执行环境,作用域链只有一个对象:全局对象   依次执行代码:     var scope="global"时,变量名解析开始,在全局对象属性中查找scope属性     把"global"赋给scope     遇到函数调用:创建调用对象       搜索函数中的var声明语句和参数,在调用对象中创建scope的属性,scope=undefined       创建函数执行环境,作用域链:调用对象>全局对象       依次执行代码:         alert(scope),查询scope,变量名解析,先搜索调用对象,找到scope属性,其值为undefined,执行         var scope="local",查询scope,变量名解析,先搜索调用对象,找到scope属性,scope="local"         alert(scope),查询scope,变量名解析,先搜索调用对象,找到scope属性,其值为"local",执行  eg2.   var scope="global";   function f(){     alert(scope);     scope="local";     alert(scope);   }   f(); 过程:   创建全局对象,搜索函数外的var声明语句,在全局对象中创建scope属性,scope=undefined   创建全局的执行环境,作用域链只有一个对象:全局对象   依次执行代码:     var scope="global"时,变量名解析开始,在全局对象属性中查找scope属性     把"global"赋给scope     遇到函数调用:创建调用对象       搜索函数中的var声明语句和参数,没有找到var声明语句       创建函数执行环境,作用域链:调用对象>全局对象       依次执行代码:         alert(scope),查询scope,变量名解析,先搜索调用对象,没找到scope属性,再搜索全局对象,找到scope属性,其值为"global"执行         scope="local",查询scope,变量名解析,先搜索调用对象,没找到scope属性,,再搜索全局对象,找到scope属性,scope="local"         alert(scope),查询scope,变量名解析,先搜索调用对象,没找到scope属性,再搜索全局对象,找到scope属性,其值为"local",执行 eg3.   scope1="global";   alert(scope1);   function f(){     alert(scope2);     scope2="local";   }   f(); 过程:   创建全局对象,没有找到var声明语句,没有自定义的全局对象属性   创建全局的执行环境,作用域链只有一个对象:全局对象   依次执行代码:     scope1="global"时,变量名解析开始,作用域链是没有找到scope1属性,在全局对象属性中创建scope1属性,并赋值为"global"     alert(scope1)时,变量名解析开始,作用域链是找到scope1属性,其值为"global",执行     遇到函数调用:创建调用对象       搜索函数中的var声明语句和参数,没有找到var声明语句       创建函数执行环境,作用域链:调用对象>全局对象       依次执行代码:         alert(scope2),查询scope2,变量名解析,作用域链是没有找到scope2属性,报错scope2 is not defined 

闭包

1. function makeSandwith(){
2. var magicIngredient = "peanut butter";
3. return function(filling){
4. return magicIngredient+" and "+filling;
5. }('jelly')
6. }
7. //console： peanut butter and jelly

2，即使外部函数返回，js也允许当前函数引用在外部函数所定义的变量

1. function makeSandwith(){
2. var magicIngredient = "peanut butter";
3. return function(filling){
4. console.log(magicIngredient+" and "+filling);
5. };
6. }
7. var res = makeSandwith();
8. res('jelly')
9. res('jelly')
10. res('jelly')

上面代码构造闭包的字面量语法叫做“函数表达式”，该函数是匿名的，我们只需要它能产生一个新的函数值，而不打算在局部掉用它。3，闭包可以更新外部变量的值，实际上闭包存储的是一个引用而不是副本

1. function box(){
2. var val = undefined;
3. return{
4. set:function(newVal){val=newVal;},
5. get:function(){return val;},
6. type:function(){return typeof val;}
7. }
8. }
10. var b = box();
11. console.log(b.type());
12. b.set('yeanzhi');
13. console.log(b.get());
14. console.log(b.type());
15. console:
16. undefined
17. yeanzhi
18. string

这个例子生成了三个闭包对象，分别是set，get，type，他们都共享val这个变量下一篇介绍 运算符与操作符