Js做客戶端語言

按照相關(guān)的Js語法，去操作頁面中的元素，有時還要操作瀏覽器里面的一些功能

成都創(chuàng)新互聯(lián)公司長期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為大慶企業(yè)提供專業(yè)的做網(wǎng)站、成都網(wǎng)站制作，大慶網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

Js由三部分組成：

• ECMAScript（ES）：描述了該語言的語法和基本對象
• DOM（Document Object Model）：文檔對象模型，描述處理網(wǎng)頁內(nèi)容的方法和接口，通過一些Js的屬性和方法，用來操作頁面中的DOM元素
• BOM（Browser Object Model）：瀏覽器對象模型，描述與瀏覽器進行交互的方法和接口，用來操作瀏覽器的。

Js中的變量 Variable

JS中數(shù)據(jù)分為兩大類：一是基本數(shù)據(jù)類型:Undefined、Null、Boolean、Number、String、Symbol，二是復(fù)雜數(shù)據(jù)類型：Object,Object本質(zhì)上是由一組無序的名子對組成的。

變量：可變的量，在編程語言中，變量其實就是一個名字，用來存儲和代表不同值的東西。

// ES3
var a = 123;
// ES6
let b = 100;
b = 200 //報錯
const c = 1000;

// 創(chuàng)建函數(shù)也相當(dāng)于在創(chuàng)建變量
function fn() {}

// 創(chuàng)建類也相當(dāng)于創(chuàng)建變量
class A{}

// ES6的模塊島嶼也可以創(chuàng)建變量
import a from './a.js'

// Symbol創(chuàng)建唯一值
let n = Symbol(100)
let m = Symbol(100)

總結(jié)：

用var聲明的變量，可以重復(fù)聲明，后聲明的會覆蓋前面的

用let聲明的變量具有作用域，在同一作用域下不可重復(fù)聲明變量，但是可以修改變量的值，例如let a = 1;，不能再次聲明a，let a = 2;會報錯，提示：Uncaught SyntaxError: Identifier ‘a(chǎn)‘ has already been declared

用const聲明的變量為常量，不能修改該變量的值，但是像Object這樣的復(fù)雜數(shù)據(jù)類型，在內(nèi)存中存放的是一個指向該對象的指針，也就是說，用const聲明的對象仍然可以修改該對象的值，但不可再次聲明該對象

JS中的數(shù)據(jù)類型

基本數(shù)據(jù)類型

• 數(shù)字Number (常規(guī)數(shù)字和 NaN)
• 字符串 String
• 布爾值 Boolean
• 空指針 Null
• 未定義 Undefined
• 唯一值（獨一無二的值）Symbol

引用數(shù)據(jù)類型 Object對象類型

• {} 普通對象
• [] 數(shù)組對象
• RegExp 正則對象
• Function 函數(shù)數(shù)據(jù)類型
• Math 數(shù)學(xué)函數(shù)對象
• Date 日期對象

數(shù)據(jù)類型應(yīng)用場景：

當(dāng)我們通過Ajax請求拿到數(shù)據(jù)之前，先在本地初始化數(shù)據(jù)，一般都會先給一個默認(rèn)的數(shù)據(jù)，請求數(shù)據(jù)后再把數(shù)據(jù)放入到我們定義好的數(shù)據(jù)結(jié)構(gòu)里面，比如:

var data = {
    count: 0,
    isActive: true,
    goods: [],
    model: null,
    message: ''
}
web前端開發(fā)學(xué)習(xí)Q-q-u-n： 784783012 ，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法
（從零基礎(chǔ)開始到前端項目實戰(zhàn)教程，學(xué)習(xí)工具，職業(yè)規(guī)劃）

驗證數(shù)據(jù)類型 typeof操作符

typeof操作符用于檢測給定變量的數(shù)據(jù)類型。typeof操作符可以檢測的數(shù)據(jù)類型有：

• undefined
• boolean
• string
• number
• object
• function

var message = 'some string'
console.log(typeof(message) // "string"

var arr = [1,2,3,4]
console.log(typeof(arr) // "object"
console.log(typeof(null) // "object"

在上面的例子中調(diào)用 typeof null會返回"object",因為特殊值null被認(rèn)為是一個空的對象引用。用typeof檢測一個變量是否是數(shù)組并不準(zhǔn)確，會返回"object"