1. 程式人生 > >JavaScript基礎(簡介、變數、資料型別、運算子、物件、函式)

JavaScript基礎(簡介、變數、資料型別、運算子、物件、函式)

JavaScript基礎(簡介、變數、資料型別、運算子、物件、函式)

一、JavaScript簡介

js是基於物件和事件驅動的語言,應用於客戶端.
基於物件:提供好了很多物件,可以直接使用(java必須自己來new); 
事件驅動:滑鼠滑動就是一個事件;   
客戶端:瀏覽器

二、作用:

  1. js在操作頁面的html標籤
  2. js可以對頁面中html標籤進行curd
  3. js相當於java中操作xml

三、三大特性:

互動性:資訊的動態互動
安全性:js不能訪問本地磁碟檔案
跨平臺性:java是用虛擬機器實現的,而js基於瀏覽器

四、JavaScript組成

  • ECMAScript:它是JavaScript的核心,包含(基本語法、變數、關鍵字、保留字、資料型別、語句、函式等等)
  • DOM:文件物件模型,包含(整個html頁面的內容)
  • BOM:瀏覽器物件模型,包含(整個瀏覽器相關的內容)

五、 JavaScript程式碼可以寫的三個位置

位置會影響程式碼執行順序

  • 行內js(寫在標籤內)
  • 頁面內(寫在標籤之間)
  • 外部js:定義一個外部js檔案,在對應的頁面內去引用js檔案
    引用外部js的標籤之間的程式碼不執行

六、瀏覽器載入頁面執行程式碼的順序(常犯錯誤)

  • Js可以寫在頁面任何位置
  • 程式碼從上往下執行,有可能寫的js的程式碼位置決定了是否出錯,不是js語法問題

七、Js中的變數

  • 宣告js的變數:使用關鍵字 var,它是弱型別,變數的型別是根據值來決定(Java中的資料型別是具體的型別,它是強型別)
  • var 變數名=值;
  • var 變數名;
  • 變數名;(不推薦)

八、JS中的六大資料型別

在JavaScript中,有6大資料型別,分別包括string,number,boolean,undefined,null和object,

  1. Null:不存在
  2. Undefined:存在但是未賦值
  3. String:字串
  4. Number:所有數字型別(儘量減少使用js去運算)
    有一個很特殊的值,即NaN,用來表示是否屬於number型別的一種狀態: 是或否
  5. Boolean:True、False
    Null、undefined、空字串、0、NaN都可以表示為False
  6. Object
  7. Symbol:ES6裡的字面量的基本資料型別

九、運算子

(一)、等性運算子

= =:判斷值相等 3==“3”  //true
= = =:絕對相等,值和型別相等 3===“3” //false
!= = :絕對不等 3!= =“3” //true

(二)、|| 或運算

取第一個true的值
如果沒有true的值,取最後一個false的值

十、本地物件、內建物件、宿主物件

  • 本地物件就是ECAM-262定義的引用型別
    例:Object、Function、Array、String、Boolean、Number、Data、Error
  • 內建物件是ECAMScript提供的、獨立於宿主環境的所有物件
    例:Global、Math
  • 宿主物件是瀏覽器提供的物件,所有的BOM和DOM都是宿主物件

十一、 自定義物件

1.通過Object建立自定義物件
2.直接使用語法去建立物件
3.字面量方式去建立物件

十二、函式(方法)

使用關鍵:function
命令函式和匿名函式唯一的區別就是一個有函式名,一個沒有函式名

  • 作用:不讓js程式碼自動執行
  • js中定義函式不要重名,和引數沒有半毛錢關係
  • 函式和變數不能重名
  • js中會自動將var宣告的變數和命名函式,在程式碼執行之前,自動提升到最高的位置(最前面的位置)