《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  
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,254评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,875评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,682评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,896评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,015评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,152评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,208评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,962评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,388评论 1 304
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,700评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,867评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,551评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,186评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,901评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,142评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,689评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,757评论 2 351

推荐阅读更多精彩内容