《JavaScript高级程序设计》笔记(1)

数据类型

5种简单数据类型(基本数据类型):Undefined、Null、Boolean、Number、String
1种复杂数据类型:Object

变量、作用域和内存问题

函数的参数是按值传递的。*可以把 ECMAScript函数的参数想象成局部变量。 *
例1:

function addTen(num) {     
   num += 10;
   return num; }
   var count = 20;
var result = addTen(count);
alert(count);   //20,没有变化 
alert(result);  //30  

例2:

function setName(obj) {
     obj.name = "Nicholas"; }  
var person = new Object();
setName(person);
alert(person.name);    //"Nicholas"

例3:

function setName(obj) {
     obj.name = "Nicholas";
     obj = new Object();
     obj.name = "Greg"; }  
var person = new Object(); 
setName(person); 
alert(person.name);    //"Nicholas" 

检测类型

**typeof **

var n == null;
alert(typeof n);   //object

instanceof

alert(colors instanceof Array);  // 变量 colors 是 Array 吗?```
##延长作用域链

function buildUrl() {
var qs = "?debug=true";
with(location){
var url = href + qs;//实际引用了location.href
}
return url;
}```

没有块级作用域

for (var i=0; i < 10; i++){
     doSomething(i); }  
alert(i);      //10 

引用类型

Array类型

toLocaleString()、toString()和 valueOf()方法
join()

栈方法

push()、pop()

队列方法

push()、shift()//取出第一项
unshift()//增加第一项、pop() 反向

重排序

reverse()//反序、sort()//值的升序
比较:

funtion compare(val1,val2){
    return val2 - val1;
}
var values = [0, 1, 5, 10, 15]; 
values.sort(compare); 
alert(values);    // 15,10,5,1,0

操作方法

splice()

  • 删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。 例如,splice(0,2)会删除数组中的前两项。
  • 插入:可以向指定位置插入任意数量的项,只需提供 3个参数:起始位置、0(要删除的项数) 和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如, splice(2,0,"red","green")会从当前数组的位置 2开始插入字符串"red"和"green"。
  • 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起 始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如, splice (2,1,"red","green")会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串 "red"和"green"。

位置方法(ES5新增)

indexOf()

迭代方法(ES5新增)

  • every():对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
  • ** filter()**:对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
  • forEach()对数组中的每一项运行给定函数。这个方法没有返回值
  • map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
  • some():对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。
    ** 以上方法都不会修改数组中的包含的值。**

归并方法(ES5新增)

reduce()和 reduceRight() 迭代数组的所有项,然后构建一个终返回的值

var values = [1,2,3,4,5];
 var sum = values.reduce(function(prev, cur, index, array){
     return prev + cur;
  });
 alert(sum); //15  

函数类型

函数是对象,函数名是指针
使用不带圆括号的函数名是访问函 数指针,而非调用函数
没有重载
解析器会率先读取函数声明,并使其在执行 任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真 正被解释执行。例:

alert(sum(10,10)); 
function sum(num1, num2){
     return num1 + num2;
 }
//正常运行
alert(sum(10,10));
 var sum = function(num1, num2){
     return num1 + num2;
 };
//出错

根据某个对象属性对数组进行排序

function createComparisonFunction(propertyName) {  
    return function(object1, object2){
        var value1 = object1[propertyName]; 
        var value2 = object2[propertyName];  
        if (value1 < value2){
             return -1;
         } else if (value1 > value2){
             return 1;
         } else {
             return 0;
         } 
    }; } 
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];  
data.sort(createComparisonFunction("name")); 
alert(data[0].name);  //Nicholas  
data.sort(createComparisonFunction("age")); 
alert(data[0].name);  //Zachary 

apply()和call()

  • 传参
  • 扩充作用域
window.color = "red"; 
var o = { color: "blue" };  
function sayColor(){
     alert(this.color); 
}  
sayColor();                //red  
sayColor.call(this);       //red
sayColor.call(window);     //red 
sayColor.call(o);          //blue  

bind()方法会创建一个函数的实例,其 this 值会被绑 定到传给 bind()函数的值 (ES5新增)

window.color = "red"; 
var o = { color: "blue" };  
function sayColor(){
     alert(this.color);
 } 
 var objectSayColor = sayColor.bind(o); 
objectSayColor();    //blue  

你可能感兴趣的:(《JavaScript高级程序设计》笔记(1))