JS初識

Js

js作爲一門客戶端開發語言，不僅要操作瀏覽器的某些功能，還要操作頁面中的dom元素

• ECMAScript3/5 (老版本) （6/7) (新版本) ： 規定了js的語法、變量、操作語句等
• DOM： （document object model) 提供了一些js的屬性和方法，用來操作頁面中的dom元素
  • dom
• BOM ： （browser object model) 提供了一些js的屬性和方法，用來操作瀏覽器
  • window 對象——BOM核心
  • document 對象
  • location 對象
  • history 對象等

js創建變量的幾種形式

• 1、 var 一個變量
• 2、 let 創建變量
• 3、 const 創建常量(不允許被修改)(ES6)
• 4、function 創建函數變量 (ES5)
• 5、import 導入變量 (ES6)
• 6、class創建類（ES6)
• 7、symbol 創建唯一值

js中的命名規範

• 嚴格區分大小寫
• 變量名由數字，字母，$，_組成，不能以數字開頭
  • 常用的縮寫：add/insert/create/new(新增）、update(修改）、delete/del/remove/re(刪除）、sel/select/query/get(查詢）、info(信息）…
• 遵循駝峯命名法（變量名的第一個單詞首字母小寫，以後每一個有意義的單詞首字母大寫）
• 不能以關鍵字或者保留字作爲變量名
  • 當下有特殊含義的是關鍵字，未來可能會成爲關鍵字的叫做保留字

js的數據類型

• 基本數據類型
  • number 數字類型 2，1.2， -2，+4
  • string 字符串 '正確的值 ’ " 中文" 中國 " ’ ’ " //黑色是字符串
  • boolean 布爾 true false
  • null 空對象指針
  • undefined 未定義
• 引用數據類型
  • object對象
    • 普通對象 {name: ‘xxxx’ }
    • 數組 [’ ’ ,1,true,null,undefined]
    • Math 數學對象
    • Date的實例
    • /^$/ 正則
    • 函數
    • 原型
    • arguments
    • 元素集合
  • function 函數
    • 普通函數
    • 構造函數（類）
    • 類