js红宝书学习笔记（一）引用类型

一.引用类型

ECMAScript中，引用类型是一种数据结构称之为对象定义，，引用对象不同于传统面向对象语言所支持的类和接口等基本结构

创建Object 实例的两种方式：

new操作符跟Object构造函数

var person = new Object();





person.name ="Nicholas";





person.age=29;

对象字面量表示法

向函数传递大量可选参数的首选方式

var person = {





  name :"Nicholas",





  age:29





};

例子：

function displayInfo(args){





   var output="";





   if(typeof args.name=="String"){





      output += "Name：" + args.name;





  }





   if(typeof args.age=="number"){





      output += "Age：" + args.age;





  }





  alert(output);





}





 





dispalyInfo({





  name: "Nicholas", 





  age: 29 





})





 





displayInfo({ 





 name: "Greg" 





});

2.Array类型

ECMAScript数组与其他语言中的数组都是数据的有序列表，与其他语言不同的是，ECMAScript数组的每一项都可以保存任何类型的数据

创建数组的两种方式：

• 使用Array构造函数

var colors = new Array();





var colors = new Array(20);// 创建一个包含 20 项的数组





var colors = new Array("red", "blue", "green");  创建一个包含 3 项，即字符串""red", "blue", "green"的数组

• 使用数组字面量表示法

var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组





var names = []; // 创建一个空数组





var values = [1,2,]; // 不要这样！这样会创建一个包含 2 或 3 项的数组





var options = [,,,,,]; // 不要这样！这样会创建一个包含 5 或 6 项的数组

数组的项数可以增加--减少

var colors=["red","blue","green"];//定义一个字符串数组





alert(colors[0]);显示第一项





colors[2] ="black"//修改第三项





colors[3] ="brown";// 新增第四项





----数组就会自动增加到该索引值加 1 的长度

数组length属性特点---不是只读的，设置这个属性，将数组的末尾移除项或者向数组中添加新项

var colors =["red","blue","green"]// 创建一个包含 3 个字符串的数组





colors.length = 2; 





alert(colors[2]);

3.判断对象是不是数组的经典问题

if(value instanceof Array){





//对数组执行某些操作





}

存在问题：

他假定只有一个全局执行环境。如果网页中包含多个框架，实际上存在两个以上不同全局执行环境，从而存在两个不同版本的Array构造函数

解决方案：

if(Array.isArray(Value)){





}

var colors=["red","blue","green"]





alert(colors.toString());// red,blue,green





alert(colors.valueOf()); // red,blue,green 





alert(colors); // red,blue,green

var colors=["red","green","blue"];





alert(colors.join(","));//red,green,blue 





alert(colors.join("||")); //red||green||blue

二.栈方法

• 栈是一种LIFO（Last-In-First-Out）后进先出的数据结构，最新添加的项最早被移除
• 栈中项的插入（推入）和移除只发生在栈的顶部

push方法和pop方法

var colors=new Array（);//创建一个数组





var count=colors.push("red","green");//推入两项





alert(count); //2 





count = colors.push("black"); // 推入另一项





alert(count); //3 





var item = colors.pop(); // 取得最后一项





alert(item); //"black" 





alert(colors.length); //2

三.队列方法

• 栈数据结构----LIFO(后进先出) push方法和pop方法
• 队列数据结构--FIFO（先进先出）push方法和shift方法

var colors = new Array(); //创建一个数组





var count = colors.push("red", "green"); //推入两项





alert(count); //2 





count = colors.push("black"); //推入另一项





alert(count); //3 





var item = colors.shift(); //取得第一项





alert(item); //"red" 





alert(colors.length); //2

• unshifit（）:数组前端添加任意各项并返回新数组长度
• unshift（）和pop方法，可以相反的方向模拟队列，即在数组的前端添加项，在数组的末端移除项

四.迭代方法

• filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
• forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。
• map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
• some()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。
• every（）:对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。

var numbers = [1,2,3,4,5,4,3,2,1]; 





var everyResult = numbers.every(function(item, index, array){ 





 return (item > 2); 





}); 





alert(everyResult); //false 





var someResult = numbers.some(function(item, index, array){ 





 return (item > 2); 





}); 





alert(someResult); //true





 





var numbers = [1,2,3,4,5,4,3,2,1]; 





var filterResult = numbers.filter(function(item, index, array){ 





 return (item > 2); 





}); 





alert(filterResult); //[3,4,5,4,3]





 





var numbers = [1,2,3,4,5,4,3,2,1]; 





var mapResult = numbers.map(function(item, index, array){ 





 return item * 2; 





}); 





alert(mapResult); //[2,4,6,8,10,8,6,4,2]





 





var numbers = [1,2,3,4,5,4,3,2,1]; 





numbers.forEach(function(item, index, array){ 





 //执行某些操作 





});

reduce()和reduceRight()函数

var values = [1,2,3,4,5]; 





var sum = values.reduce(function(prev, cur, index, array){ 





 return prev + cur; 





}); 





alert(sum); //15

五.Function 类型

• 函数名实际上是一个指向函数对象的指针，不会与某个函数绑定。
• 函数通常使用函数声明语法定义

函数是对象，函数名是指针

函数定义的两种方式：

function sum (num1, num2) { 





 return num1 + num2; 





}





 





var sum = function(num1, num2){ 





 return num1 + num2; 





};





 





var sum = new Function("num1", "num2", "return num1 + num2"); // 不推荐

六.没有重载

• 两个同名函数，而结果则是后面的函数覆盖了前面的函数
• 在创建第二个函数时，实际上覆盖了引用第一个函数的变量

七.基本包装类型

引用类型与基本包装类型的主要区别是对象的生存期

• 使用new操作符创建的引用类型实例，会存在内存种直到销毁
• 自动创建的基本包装类型的对象，只存在于代码执行的瞬间，然后被立即销毁

八.Boolean类型(建议不要使用Boolean对象)