Web之JavaScript(散碎笔记)

JavaScript有变量提升的特点, 全文件扫描js文件时会自动将声明变量提前,但是这里需要注意的一个地方是:
<pre>虽然js变量声明语句会被自动提前,但是其赋值不会被提前.</pre>

比如:

function test() {
    alert(" test --  "  + name) ;
    var name = "hello.javascript." ;
}

调用test函数后 弹出内容为 test -- undefined , 就是这个原因,虽然能找到这个变量,但是赋值不会自动提前,也就变为未定义或者未初始化变量了

但是目前我还不知道 这种操作是在什么时候,不知道是在javascript引擎解释的时候还是在调用的时候. 我个人的理解更倾向于引擎解释的时候.

在比如:

myname = "global"; // 全局变量
function func() {
    alert(myname); // "undefined" 
    var myname = "local";
    alert(myname); // "local"
}
func();

以上代码,第一眼大部分人都会认为 先弹出global 在弹出local 其实不是.因为变量声明被提升其实代码应该是这样的:

myname = "global"; // 全局变量
function func() {
    var myname ;
    alert(myname); // "undefined" 
    myname = "local";
    alert(myname); // "local"
}
func();

//使用apply可以修复普通函数的this指针.
这里步骤如下:我们先保存原函数的指针然后使用apply 修复this指针,这里普通函数this指向null  或者window
//统计函数parseInt调用次数 , 我们先保存原函数 ,然后覆写函数parseInt 将计数器累加1,然后使用apply修复原函数指针. 
oldparseInt.apply(null,arguments) ;  这样相当于修改了原parseInt函数实现.

var count = 0 ;
var oldparseInt = window.parseInt ;
var parseInt = function() {
        count +=1 ;
        return oldparseInt.apply(window,arguments) ;
} ;

parseInt('10') ;
parseInt('16') ;
parseInt('14') ;
parseInt('13') ;
parseInt('11') ;
parseInt('19') ;
parseInt('12') ;
parseInt('14') ;
parseInt('15') ;
parseInt('17') ;

alert(count) ;



//apply
//我们可以将一个函数绑定到一个对象中.比如:
function run() {
        return ' string is ' + this.name + this.age ;
}

var obj = {
     name : 'palm' ,
     age : 24
} ;

var value = run.apply(obj,[]) ; //这里使用apply间接的就已经调用函数run ,会返回执行结果.

alert(value) ;

高阶函数使用

  1. map
    在js中我们可以将一个函数赋值给一个变量,如下:
var fun = function() {
    return '这是一个函数.' ;
}

然后,函数可以接收一个变量作为参数,那么函数也可以接收一个函数作为参数。如下:

function fun1() {
  return 'hello, javaScript.' ;
}

function fun2(x) {
    var value = x() ;
    return value ;
}

alert(fun2(fun1)) ; //hello, javaScript.

我们使用map 可以将数组反转、运算或者自定义操作等。例如:

var oNumber = window.Number ;

var Number = function(x) {
        return x*x ;
}

oNumber.apply(window,[]) ;
var arr = ['8','0','1','2','3','4','5','6'] ;
var arrstr = arr.map(Number) ;

alert( 'source code - ' + arr + 'now --' + arrstr) ;

以上代码利用了apply函数和map 使 字符串数组变为数字,并实现f(x) = x2 操作。

继承会在父对象的原型上继承.比如:

function Foo() {
    this.foo =  ' Foo\'s perpoties.' ;
}

function Bar() {
}

Bar.prototype = new Foo() ;

Bar.prototype.constructor = Bar ;


var bar = new Bar() ;
var bar1 = new Bar() ;
bar1.foo = 'bar1\'s perpoties.' ;
alert(bar1.foo) ; //bar's perpoties.

//console.log('==== '  + bar.constructor) ;

2.javaScript 中浮点运算会丢失精度,得到的结果只会无限接近正确值,而不等于正确值,比如:

var v1 = 0.1 ;
var v2 = 0.2 ;

console.log(v2 + v1) ;

但是我还不清楚为什么 <code> 0.1 + 0.1</code> 可以得到正常结果 0.2.

  1. javaScript中switch语句case匹配内部实现为=== ,如下:
function fun(value) {
   switch(value) {
    case 'A' : console.log('A') ; break ;
    case 'B' : console.log(B) ;  break ;
    case undefined : console.log('unkown.') ;  break ;
    default : 
    console.log(' miss.') ;
    }
} 


//fun('A') ;
fun(String('A')) ;  //A
fun(new String('A')) ;  //miss.
```

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

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,205评论 0 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,567评论 18 399
  • 辣么自私幼稚,还怕承担责任,决定时犹豫不决,做事瞻前顾后,不能专注于心,想着走捷径,总是争抢好胜和别人比较,遇到一...
    liuyanyolanda阅读 238评论 0 0
  • 我是一只金盆。没错,就是24k纯帅的那种,噢不,是24K纯金的那种。 当然我出生在还没有24k这种说法的年代,那时...
    雨凉城阅读 602评论 66 30