摘要：創(chuàng)建對(duì)象訪問對(duì)象的屬性和方法訪問對(duì)象的屬性和方法調(diào)用帶參數(shù)的函數(shù)在調(diào)用函數(shù)時(shí)，您可以向其傳遞值，這些值被稱為參數(shù)。

javascript是一門重要弱類型的語言，因?yàn)樗莣eb瀏覽器的語言，它與瀏覽器的結(jié)合使他成為世界上最流行的編程語言之一。

js歷史

Nombas 和 ScriptEase

大概在 1992 年，一家稱作 Nombas 的公司開發(fā)了一種叫做 C 減減（C-minus-minus，簡(jiǎn)稱 Cmm）的嵌入式腳本語言。Cmm 背后的理念很簡(jiǎn)單：一個(gè)足夠強(qiáng)大可以替代宏操作（macro）的腳本語言，同時(shí)保持與 C （和 C ++）足夠的相似性，以便開發(fā)人員能很快學(xué)會(huì)。這個(gè)腳本語言捆綁在一個(gè)叫做 CEnvi 的共享軟件中，它首次向開發(fā)人員展示了這種語言的威力。

Nombas 最終把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）聽起來過于消極，同時(shí)字母 C “令人害怕”。

現(xiàn)在 ScriptEase 已經(jīng)成為了 Nombas 產(chǎn)品背后的主要驅(qū)動(dòng)力。

Netscape 發(fā)明了 JavaScript

當(dāng) Netscape Navigator 嶄露頭角時(shí)，Nombas 開發(fā)了一個(gè)可以嵌入網(wǎng)頁中的 CEnvi 的版本。這些早期的試驗(yàn)被稱為 Espresso Page（濃咖啡般的頁面），它們代表了第一個(gè)在萬維網(wǎng)上使用的客戶端語言。而 Nombas 絲毫沒有料到它的理念將會(huì)成為萬維網(wǎng)的一塊重要基石。

當(dāng)網(wǎng)上沖浪越來越流行時(shí)，對(duì)于開發(fā)客戶端腳本的需求也逐漸增大。此時(shí)，大部分因特網(wǎng)用戶還僅僅通過 28.8 kbit/s 的調(diào)制解調(diào)器連接到網(wǎng)絡(luò)，即便這時(shí)網(wǎng)頁已經(jīng)不斷地變得更大和更復(fù)雜。而更加加劇用戶痛苦的是，僅僅為了簡(jiǎn)單的表單有效性驗(yàn)證，就要與服務(wù)器進(jìn)行多次地往返交互。設(shè)想一下，用戶填完一個(gè)表單，點(diǎn)擊提交按鈕，等待了 30 秒的處理后，看到的卻是一條告訴你忘記填寫一個(gè)必要的字段。

那時(shí)正處于技術(shù)革新最前沿的 Netscape，開始認(rèn)真考慮開發(fā)一種客戶端腳本語言來解決簡(jiǎn)單的處理問題。

當(dāng)時(shí)工作于 Netscape 的 Brendan Eich，開始著手為即將在 1995 年發(fā)行的 Netscape Navigator 2.0 開發(fā)一個(gè)稱之為 LiveScript 的腳本語言，當(dāng)時(shí)的目的是在瀏覽器和服務(wù)器（本來要叫它 LiveWire）端使用它。Netscape 與 Sun 及時(shí)完成 LiveScript 實(shí)現(xiàn)。

就在 Netscape Navigator 2.0 即將正式發(fā)布前，Netscape 將其更名為 JavaScript，目的是為了利用 Java 這個(gè)因特網(wǎng)時(shí)髦詞匯。Netscape 的賭注最終得到回報(bào)，JavaScript 從此變成了因特網(wǎng)的必備組件。

javascript的函數(shù)（主要）基于詞法作用域(lexical scoping)的頂級(jí)對(duì)象。

hello world

demo.html



    


 
     
 


demo.js
document.writeln("hello world")

    


   








    


   








    
       











    
       


  
My link
  try it








     


  
My msg
  try it
  






     










    
    


    try it







    


       






    


       

1,語法
1.1 空格
var that = this;
var 和that之間的空白不能移除，但是其他的空格都是可以移除的。
注釋
js的注釋有兩種方法：/ / 和//
/ var rm_a = /a/.match(s) */就會(huì)導(dǎo)致錯(cuò)誤，所以一般注釋用//.
1.2 標(biāo)識(shí)符
標(biāo)識(shí)符有一個(gè)字母開頭，可以選擇性的加上一個(gè)或是多個(gè)字母，數(shù)字或下劃線，但是不能使用下面的保留字
abstract,boolean,break,byte,case,catch,char,class,const,continue,debugger,default,delete,do,double,else,enum,export,extends,false,final,finally,float,for,function,goto,if,implements,import,in,instanceof,int,interface,long,native,new,null,package,private,protected,public,return,short,static,super,switch,synchronized,this,throw,thransient,true,try,typeof,while,with
2,對(duì)象
js中，對(duì)象是可變的鍵控集合(keyed collections)，在js中，數(shù)組是對(duì)象，函數(shù)是對(duì)象，正則表達(dá)式是對(duì)象。
對(duì)象字面量:對(duì)象字面量提供了一種非常方便的創(chuàng)建新對(duì)象值的表達(dá)法，一個(gè)對(duì)象字面量就是包圍在一對(duì)花括號(hào)中的零或多個(gè)"鍵/值"對(duì)。

var name = {
    "name1":"mike",
    "name2":"mike2"
}

對(duì)象也可以嵌套使用:

var flight = {
    airline:"oceanic",
    number:125,
    departure:{
        city:"beijing",
        time:"2015/01/05"
    },
    arrival:{
        city:"amrica",
        time:"2015/01/06"
    }
}

2.1 對(duì)象的檢索
檢索對(duì)象中包含的值，可以采用在[]后綴中括住一個(gè)字符串表達(dá)式。

name["name1"] //mike1
flight.arrival.city //amrica

2.2屬性值更新
name["name1"] = "Jet li"
2.3引用傳遞對(duì)象
對(duì)象通過引用來傳遞
var = {},b = {},c = {}//a,b,c 都引用一個(gè)不同的空對(duì)象
a = b = c = {} //a b,c都引用同一個(gè)空對(duì)象

3.2 原型
http://www.crockford.com/java...
原型是一個(gè)對(duì)象，其他對(duì)象可以通過它實(shí)現(xiàn)屬性繼承。
每個(gè)對(duì)象都連接到一個(gè)原型對(duì)象，并且他可以從中可以繼承屬性，原型連接在屬性更新的時(shí)候是不起作用的，原型連接只用在檢索的時(shí)候才會(huì)被用到，如果我們嘗試去獲取對(duì)象的某個(gè)屬性值，且該對(duì)象沒有此屬性值，那么js會(huì)嘗試從原型對(duì)象上獲取，如果也沒找到，返回undefined，這個(gè)過程叫委托

typeof

typeof 運(yùn)算符有一個(gè)參數(shù)，即要檢查的變量或值

var a = "str"; alert(typeof a);//string
var a = "str"; alert(typeof 123);// number

對(duì)變量或值調(diào)用 typeof 運(yùn)算符將返回下列值之一：

undefined - 如果變量是 Undefined 類型的
boolean - 如果變量是 Boolean 類型的
number - 如果變量是 Number 類型的
string - 如果變量是 String 類型的
object - 如果變量是一種引用類型或 Null 類型的

為什么 typeof 運(yùn)算符對(duì)于 null 值會(huì)返回 "Object"。這實(shí)際上是 JavaScript 最初實(shí)現(xiàn)中的一個(gè)錯(cuò)誤，然后被 ECMAScript 沿用了?，F(xiàn)在，null 被認(rèn)為是對(duì)象的占位符，從而解釋了這一矛盾，但從技術(shù)上來說，它仍然是原始值。

Undefined 類型

如前所述，Undefined 類型只有一個(gè)值，即 undefined。當(dāng)聲明的變量未初始化時(shí)，該變量的默認(rèn)值是 undefined。

var str; console.log(str==undefined)//true
var str; console.log(typeof str)//undefined

Null 類型

另一種只有一個(gè)值的類型是 Null，它只有一個(gè)專用值 null，即它的字面量。值 undefined 實(shí)際上是從值 null 派生來的，因此 ECMAScript 把它們定義為相等的。

var str = null; console.log(str==undefined)//true

盡管這兩個(gè)值相等，但它們的含義不同。undefined 是聲明了變量但未對(duì)其初始化時(shí)賦予該變量的值，null 則用于表示尚未存在的對(duì)象（在討論 typeof 運(yùn)算符時(shí)，簡(jiǎn)單地介紹過這一點(diǎn)）。如果函數(shù)或方法要返回的是對(duì)象，那么找不到該對(duì)象時(shí)，返回的通常是 null。

Boolean 類型
它有兩個(gè)值 true 和 false （即兩個(gè) Boolean 字面量）。

即使 false 不等于 0，0 也可以在必要時(shí)被轉(zhuǎn)換成 false，這樣在 Boolean 語句中使用兩者都是安全的。

注意數(shù)值的表示法
var str = !0;console.log(str)//true
var str = !1;console.log(str)//false

Number 類型
ECMA-262 中定義的最特殊的類型是 Number 類型。這種類型既可以表示 32 位的整數(shù)，還可以表示 64 位的浮點(diǎn)數(shù)。

直接輸入的（而不是從另一個(gè)變量訪問的）任何數(shù)字都被看做 Number 類型的字面量。例如，下面的代碼聲明了存放整數(shù)值的變量，它的值由字面量 32 定義：

var num = 32;console.log(num)//32

JavaScript 擁有動(dòng)態(tài)類型

JavaScript 擁有動(dòng)態(tài)類型。這意味著相同的變量可用作不同的類型：

Undefined 和 Null

Undefined 這個(gè)值表示變量不含有值。

可以通過將變量的值設(shè)置為 null 來清空變量。

聲明變量類型
當(dāng)您聲明新變量時(shí)，可以使用關(guān)鍵詞 "new" 來聲明其類型：

創(chuàng)建 JavaScript 對(duì)象

JavaScript 中的幾乎所有事務(wù)都是對(duì)象：字符串、數(shù)字、數(shù)組、日期、函數(shù)，等等。

對(duì)象（object）定義為“屬性的無序集合，每個(gè)屬性存放一個(gè)原始值、對(duì)象或函數(shù)”。嚴(yán)格來說，這意味著對(duì)象是無特定順序的值的數(shù)組。

面向?qū)ο笳Z言的要求

一種面向?qū)ο笳Z言需要向開發(fā)者提供四種基本能力：

封裝 - 把相關(guān)的信息（無論數(shù)據(jù)或方法）存儲(chǔ)在對(duì)象中的能力
聚集 - 把一個(gè)對(duì)象存儲(chǔ)在另一個(gè)對(duì)象內(nèi)的能力
繼承 - 由另一個(gè)類（或多個(gè)類）得來類的屬性和方法的能力
多態(tài) - 編寫能以多種方法運(yùn)行的函數(shù)或方法的能力

對(duì)象由特性（attribute）構(gòu)成，特性可以是原始值，也可以是引用值。如果特性存放的是函數(shù)，它將被看作對(duì)象的方法（method），否則該特性被看作對(duì)象的屬性（property）。

你也可以創(chuàng)建自己的對(duì)象。

訪問對(duì)象的屬性和方法

調(diào)用帶參數(shù)的函數(shù)
在調(diào)用函數(shù)時(shí)，您可以向其傳遞值，這些值被稱為參數(shù)。
變量和參數(shù)必須以一致的順序出現(xiàn)。第一個(gè)變量就是第一個(gè)被傳遞的參數(shù)的給定的值，以此類推。

    
    


   click

帶有返回值的函數(shù)
在使用 return 語句時(shí)，函數(shù)會(huì)停止執(zhí)行，并返回指定的值。

    
    


   
Here is the content will be changed
   click

局部 JavaScript 變量

在 JavaScript 函數(shù)內(nèi)部聲明的變量（使用 var）是局部變量，所以只能在函數(shù)內(nèi)部訪問它。（該變量的作用域是局部的）。

可以在不同的函數(shù)中使用名稱相同的局部變量，因?yàn)橹挥新暶鬟^該變量的函數(shù)才能識(shí)別出該變量。

只要函數(shù)運(yùn)行完畢，本地變量就會(huì)被刪除。

全局 JavaScript 變量

在函數(shù)外聲明的變量是全局變量，網(wǎng)頁上的所有腳本和函數(shù)都能訪問它。

向未聲明的 JavaScript 變量來分配值

如果把值賦給尚未聲明的變量，該變量將被自動(dòng)作為全局變量聲明。
將聲明一個(gè)全局變量，即使它在函數(shù)內(nèi)執(zhí)行。

函數(shù)支持閉包
函數(shù)支持閉包，也即是說，函數(shù)可以使用函數(shù)之外定義的變量。

JavaScript 運(yùn)算符
如果把數(shù)字與字符串相加，結(jié)果將成為字符串。

逗號(hào)運(yùn)算符
用逗號(hào)運(yùn)算符可以在一條語句中執(zhí)行多個(gè)運(yùn)算。常用在變量聲明中。

var iNum1 = 1, iNum = 2, iNum3 = 3;

JavaScript Switch 語句

    


    

    try it
    

for循環(huán)

    
    


    

    try it
    

do/while

    
    


    

    try it
    

while 遍歷數(shù)組

try/catch

    


    
    
    click
    

通過標(biāo)簽名查找 HTML 元素
getElementsByTagName

    


  

      this is the first doc
      
this is the second doc
      
this is the third doc
  
    

改變 HTML 內(nèi)容
修改 HTML 內(nèi)容的最簡(jiǎn)單的方法時(shí)使用 innerHTML 屬性。

    


      
this is the first doc
    

改變 HTML 樣式

如需改變 HTML 元素的樣式，請(qǐng)使用這個(gè)語法：

    


      
this is the first doc
    

點(diǎn)擊更改html

    


  
please click it






    


  
  
please click it

打印系統(tǒng)時(shí)間

    


  

  
  please click it




button和點(diǎn)擊分離




    


    click here
    
    

onload事件

onchange事件，點(diǎn)擊離開，輸入內(nèi)容大寫

mouseover/mouseout

    


  
what "s that
  

mouseup/mousedown

當(dāng)輸入字段獲得焦點(diǎn)時(shí)，會(huì)觸發(fā)改變背景顏色的函數(shù)。

創(chuàng)建新的 HTML 元素
如需向 HTML DOM 添加新元素，你必須首先創(chuàng)建該元素（元素節(jié)點(diǎn)），然后向一個(gè)已存在的元素追加該元素。

    



    
the second para
    
the second para
 

  

刪除已有的 HTML 元素

如需刪除 HTML 元素，你必須首先獲得該元素的父元素

    



    
the first para
    
the second para
 
    
the third para

  

javascript 面對(duì)對(duì)象
使用預(yù)定義對(duì)象只是面向?qū)ο笳Z言的能力的一部分，它真正強(qiáng)大之處在于能夠創(chuàng)建自己專用的類和對(duì)象。
工廠方式
原始方式

工廠模式

    


      


返回 person 對(duì)象（person）作為函數(shù)值。調(diào)用此函數(shù)，將創(chuàng)建新對(duì)象，并賦予它所有必要的屬性，復(fù)制出一個(gè)我們?cè)谇懊嬲f明過的 person 對(duì)象。因此，通過這種方法，我們可以很容易地創(chuàng)建 person 對(duì)象的兩個(gè)版本（person1 和 person2），它們的屬性完全一樣。

工廠模式傳遞參數(shù)

    


      


給 createPerson() 函數(shù)加上參數(shù)，即可為要?jiǎng)?chuàng)建的 person 對(duì)象的 skinColor、phsiHight 和 hanNum 屬性賦值。這使兩個(gè)對(duì)象具有相同的屬性，卻有不同的屬性值

將函數(shù)方法定義在工廠函數(shù)外面

構(gòu)造函數(shù)方法

構(gòu)造函數(shù)方法與工廠方式的差別。
首先在構(gòu)造函數(shù)內(nèi)沒有創(chuàng)建對(duì)象，而是使用 this 關(guān)鍵字。使用 new 運(yùn)算符構(gòu)造函數(shù)時(shí)，在執(zhí)行第一行代碼前先創(chuàng)建一個(gè)對(duì)象，只有用 this 才能訪問該對(duì)象。然后可以直接賦予 this 屬性，默認(rèn)情況下是構(gòu)造函數(shù)的返回值（不必明確使用 return 運(yùn)算符）。
現(xiàn)在，用 new 運(yùn)算符和類名 Person 創(chuàng)建對(duì)象，就更像 ECMAScript 中一般對(duì)象的創(chuàng)建方式了。
就像工廠函數(shù)，構(gòu)造函數(shù)會(huì)重復(fù)生成函數(shù)，為每個(gè)對(duì)象都創(chuàng)建獨(dú)立的函數(shù)版本。不過，與工廠函數(shù)相似，也可以用外部函數(shù)重寫構(gòu)造函數(shù)，同樣地，這么做語義上無任何意義。這正是下面要講的原型方式的優(yōu)勢(shì)所在。

原型方式

混合的構(gòu)造函數(shù)

字符串拼接，資源消耗問題

var str = "hello ";
str += "world";

實(shí)際上，這段代碼在幕后執(zhí)行的步驟如下：

創(chuàng)建存儲(chǔ) "hello " 的字符串。
創(chuàng)建存儲(chǔ) "world" 的字符串。
創(chuàng)建存儲(chǔ)連接結(jié)果的字符串。
把 str 的當(dāng)前內(nèi)容復(fù)制到結(jié)果中。
把 "world" 復(fù)制到結(jié)果中。
更新 str，使它指向結(jié)果。

每次完成字符串連接都會(huì)執(zhí)行步驟 2 到 6，使得這種操作非常消耗資源。如果重復(fù)這一過程幾百次，甚至幾千次，就會(huì)造成性能問題。解決方法是用 Array 對(duì)象存儲(chǔ)字符串，然后用 join() 方法（參數(shù)是空字符串）創(chuàng)建最后的字符串。想象用下面的代碼代替前面的代碼：

這樣，無論數(shù)組中引入多少字符串都不成問題，因?yàn)橹辉谡{(diào)用 join() 方法時(shí)才會(huì)發(fā)生連接操作。此時(shí)，執(zhí)行的步驟如下：

創(chuàng)建存儲(chǔ)結(jié)果的字符串
把每個(gè)字符串復(fù)制到結(jié)果中的合適位置

雖然這種解決方案很好，但還有更好的方法。問題是，這段代碼不能確切反映出它的意圖。要使它更容易理解，可以用 StringBuffer 類打包該功能：

這段代碼首先要注意的是 s 屬性，本意是私有屬性。它只有兩個(gè)方法，即 append() 和 toString() 方法。append() 方法有一個(gè)參數(shù)，它把該參數(shù)附加到字符串?dāng)?shù)組中，toString() 方法調(diào)用數(shù)組的 join 方法，返回真正連接成的字符串。要用 StringBuffer 對(duì)象連接一組字符串

重命名已有的方法
可以給已有的方法名更改名稱，比如可以給 Array 類添加兩個(gè)方法 enq() 和 inq()，只讓它們反復(fù)調(diào)用已有的 push() 和 shift() 方法即可：
shift() 方法用于把數(shù)組的第一個(gè)元素從其中刪除，并返回第一個(gè)元素的值。

創(chuàng)造方法
indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置.但是Array沒有indexof方法,這里可以給Array創(chuàng)建一個(gè)indexof方法

重定義已有方法
就像能給已有的類定義新方法一樣，也可重定義已有的方法。如前面的章節(jié)所述，函數(shù)名只是指向函數(shù)的指針，因此可以輕松地指向其他函數(shù)。

重新定義toString方法，但是保留它的原始指針

javascript的繼承機(jī)制的實(shí)現(xiàn)

選定基類后，就可以創(chuàng)建它的子類了?；愔皇怯糜诮o子類提供通用的函數(shù)。在這種情況下，基類被看作抽象類。

盡管 ECMAScript 并沒有像其他語言那樣嚴(yán)格地定義抽象類，但有時(shí)它的確會(huì)創(chuàng)建一些不允許使用的類。通常，我們稱這種類為抽象類。

創(chuàng)建的子類將繼承超類的所有屬性和方法，包括構(gòu)造函數(shù)及方法的實(shí)現(xiàn)。記住，所有屬性和方法都是公用的，因此子類可直接訪問這些方法。子類還可添加超類中沒有的新屬性和方法，也可以覆蓋超類的屬性和方法。
繼承的方式

和其他功能一樣，ECMAScript 實(shí)現(xiàn)繼承的方式不止一種。這是因?yàn)?JavaScript 中的繼承機(jī)制并不是明確規(guī)定的，而是通過模仿實(shí)現(xiàn)的。這意味著所有的繼承細(xì)節(jié)并非完全由解釋程序處理。作為開發(fā)者，你有權(quán)決定最適用的繼承方式。
1，對(duì)象冒充
它是在開發(fā)者開始理解函數(shù)的工作方式，尤其是如何在函數(shù)環(huán)境中使用 this 關(guān)鍵字后才發(fā)展出來。

對(duì)象冒充可實(shí)現(xiàn)多重繼承
UML

這里存在一個(gè)弊端，如果存在兩個(gè)類 ClassX 和 ClassY 具有同名的屬性或方法，ClassY 具有高優(yōu)先級(jí)。因?yàn)樗鼜暮竺娴念惱^承。除這點(diǎn)小問題之外，用對(duì)象冒充實(shí)現(xiàn)多重繼承機(jī)制輕而易舉。

由于這種繼承方法的流行，ECMAScript 的第三版為 Function 對(duì)象加入了兩個(gè)方法，即 call() 和 apply()。

Call() 方法

var pet = {
    words:"...",
    speak: function(say){
        console.log(say+""+this.words);
    }
}

// pet.speak("speak") //speak ...
// this 指的是調(diào)用這個(gè)方法的對(duì)象 pet


// 狗有自己的話，但是沒有speak的方法
var dog = {
    words:"wang"
}

//  pet本來指向的是speak方法，但是call改變了執(zhí)行上下文，pet 的speak就指向了dog
//dog 現(xiàn)在有了一個(gè)pet的技能 speak
pet.speak.call(dog,"speak ")//speak wang

 call 實(shí)現(xiàn)繼承
 function pet (words) {
    this.words = words;
    this.speak = function(){
        console.log(this.words)
    }
}

function dog(words){
    pet.call(this,words)//dog 沒有speak方法，通過call(this) 繼承了pet的speak方法
    //pet.apply(this,arry) apply和call的區(qū)別在于apply傳遞的是一個(gè)參數(shù)列表
}

var dog = new dog("wang");

dog.speak();//wang

apply方法

    


    


//當(dāng)然，只有超類中的參數(shù)順序與子類中的參數(shù)順序完全一致時(shí)才可以傳遞參數(shù)對(duì)象。如果不是，就必須創(chuàng)建一個(gè)多帶帶的數(shù)組，按照正確的順序放置參數(shù)。

call(),apply(),bind()的區(qū)別

比如，在舉一個(gè)例子:




  


  


這段代碼打印出來的肯定是mike this year 20 years old

原型鏈繼承

混合繼承機(jī)制

javasript中需要注意的一些問題

     var obj = {name:"michael",age:"23",gender:"male"}
     var txt = ""
     for(var i in obj){//這里可以不加 var，直接寫‘i’但是會(huì)把i 做為全局的變量 window.i
        txt +=obj[i]//obj是一個(gè)對(duì)象，但是可以這樣寫 obj[i],因?yàn)榧弦彩菍?duì)象。
     }
     console.log(txt)//michael23male

javascript頁面加載刷新就會(huì)自動(dòng)執(zhí)行部分腳本，請(qǐng)看下面demo

    

        
click me
        
click me
        
click me
        
click me
    
    
    var eles = document.getElementsByTagName("li")
   var len = eles.length;
   for(var i = 0;i
javascript 2種截取字符串的方法 substr 和 slice
  var date = "2016-01-05"
  date.slice(0,7) 
  date.substr(0,7)