[TOC]
* * * * *
# 變量
### 什么是變量
什么是變量? 從字面上看,變量是可變的量;從編程角度講,變量是用于存儲某種/某些數值的容器。我們可以把變量看做一個盒子,為了區分盒子,可以用BOX1,BOX2等名稱代表不同盒子,BOX1就是盒子的名字(也就是變量的名字)。

定義變量使用關鍵字var,語法如下:

var就是一個關鍵字,所謂關鍵字,就是有特殊功能的小詞語。
關鍵字后面一定要有空格隔開。
等號表示賦值,會將等號右邊的值,賦給左邊的變量。
### 變量的命名規范
變量名可以任意取名,但要遵循命名規則:
只能由英語字母、數字、下劃線、美元符號$構成,且不能以數字開頭,并且不能是JavaScript保留字。
變量的命名規則!
1.變量命名JavaScript 變量名稱不能以數字 (0-9) 開頭,必須以字母或是下標符號”_”或者”$”為開頭。
2.變量名長度不能超過255個字符。
3.變量名中不允許使用空格。
4.不用使用腳本語言中保留的關鍵字及保留符號作為變量名。比如 break 或 boolean,這些命名變量是無效的。
5.變量名區分大小寫。(javascript是區分大小寫的語言)比如,Name 和 name 是兩個不同的變量。
**不能使用關鍵字定義變量**

**不推薦使用保留字定義變量**

下列都是非常正確的變量命名:
~~~
var haha = 250;
var xixi = 300;
var a1 = 400;
var a2 = 400;
var abc_123 = 400;
var $abc = 999;
var $o0_0o$ = 888;
var $ = 1000;
var _ = 2000;
var ________ = 3000;
~~~
下列都是錯誤的命名:
~~~
var a-1 = 1000; //不能有怪異符號
var a@ = 2000; //不能有怪異符號
var 2year = 3000; //不能以數字開頭
var a¥ = 4000; //不能有怪異符號
var a*#$#$@ = 5000; //不能有怪異符號
var a b =300; //不能有空格
~~~
### 變量的定義和賦值
變量用var來定義。只有定義之后,這個變量才能夠使用。
比如,我們不設置變量,直接輸出:
~~~
<script type="text/javascript">
console.log(a);
</script>
~~~

正確:
~~~
var a; // 定義
a = 100; //賦值
console.log(a); //輸出100
~~~
有經驗的程序員,會把定義和賦值寫在一起:
~~~
var a = 100; //定義,并且賦值100
console.log(a); //輸出100
~~~
注意:
在JavaScript中,永遠都是用var來定義變量。
賦值用等于號,表示等號右邊的值,賦給左邊的變量。
在JS中區分大小寫,如變量mychar與myChar是不一樣的,表示是兩個變量。
變量雖然也可以不聲明,直接使用,但不規范,需要先聲明,后使用。
### JavaScript變量作用域
一個變量的作用域就是該變量定義后在程序中的作用范圍。JavaScript 變量有兩個變量作用域。
**全局變量:**
1. 在最外層聲明的變量。
2. 在函數體內部,但是沒有聲明var 的變量也是全局變量
全局變量具有全部整體范圍的作用域,這意味著它可以在 JavaScript 代碼任何地方定義。
**局部變量:**
在函數體內部的 聲明的變量
局部變量僅在定義它的函數體內可以訪問到。函數參數對于函數來說就是局部變量
小知識點:
隱式的全局變量
1 在函數體內部,但是沒有聲明var 的變量也是全局變量。
~~~
var a = 1
function func() {
a = b = 2
}
func()
alert(a)
alert(b)
~~~
### 區分變量和字符串
~~~
var a = 100;
console.log("哥們,字母表里面第一個字母是啥?");
console.log("a"); //輸出字母a
~~~

~~~
<script type="text/javascript">
alert(123);//123是數字,所以不需要加引號
alert("重慶發展很快喲!");//重慶發展很快喲! 是字符串,必須加上引號
alert(1.22); //正確
alert(一二三);//錯誤
alert("123");
alert("重慶發展很快喲!");
</script>
~~~
這個a在引號里面,所以就是一個字符串“a”了,而不是一個變量。換句話說,一個變量如果想輸出保存的內容,那么就不能加引號。
- 前言
- 走進前端工程師的世界
- 前端知識圖譜
- 前端學習方法
- 計算機基礎知識
- 寫一封信給4個月后的自己
- Github的使用
- 網頁基礎知識
- 2.1認識網頁
- 2.2網頁相關名詞
- 2.3Web標準
- 2.4開發環境配置
- 2.4.1Hbuilder使用技巧
- 2.4.2SublineText使用技巧
- 大前端必會的PS技巧
- HTML
- 網頁制作入門
- CSS
- HTML+CSS整站開發
- HTML5
- HTML5 概述
- HTML5 語法
- HTML5 屬性
- HTML5 事件
- HTML5 瀏覽器支持
- HTML5 新元素
- HTML5 Video(視頻)
- HTML5 Audio(音頻)
- HTML5 Input類型
- HTML5 表單元素
- HTML5 語義元素
- HTML5 表單屬性
- CSS3
- CSS3 介紹
- CSS3 選擇器
- 基本選擇符
- 關系選擇符
- 屬性選擇符
- 偽類選擇符
- 偽對象選擇符
- CSS3 邊框
- CSS3 圓角
- CSS3 背景
- CSS3 漸變
- CSS3 文本效果
- CSS3 字體
- CSS3 2D轉換
- CSS3 3D轉換
- CSS3 過渡
- CSS3 動畫
- CSS3 多列
- CSS3 用戶界面
- CSS3 圖片
- CSS3 按鈕
- CSS3 分頁
- CSS3 框大小
- CSS3 彈性盒子
- CSS3 顏色
- CSS3 多媒體查詢
- 附錄1
- HTML5+CSS3整站開發
- 前端開發規范
- 規范目的
- 命名規則
- HTML開發規范
- CSS開發規范
- SCSS開發規范
- JavaScript開發規范
- JavaScript基礎
- JavaScript簡介
- JavaScript的發展歷史
- JavaScript是前臺語言
- 用法
- 認識語句和符號
- JavaScript輸出
- JavaScript注釋
- 體驗js輸出
- JavaScript 變量
- JavaScript 數據類型
- JavaScript數據類型的轉換
- JavaScript運算符
- JavaScript流程控制語句
- 前端庫
- 百度靜態資源公共庫
- 前端資源
- 學習網站類