JavaScript

JS变量如何定义和赋值呢?

下文笔者讲述javascript变量的定义和赋值方法分享,如下所示

变量简介

 变量是所有语言都必须拥有的
 
 变量在程序中主要用于存储数据,当需要使用时,直接根据标识符即可获取数据信息
    如:
	 定义字符串、数字、布尔值、数组等
 

变量的命名规则

JavaScript中,变量的名称必须遵守以下规则:
	1.变量名中可以包含数字、字母、下划线_、美元符号$;
	2.变量名中不能出现汉字;
	3.变量名中不能包含空格;
	4.变量名不能是 JavaScript 中的关键字、保留字;
	5.变量名不能以数字开头,即第一个字符不能为数字

变量命名的原则:
    1.变量名命名需有一点的意义,如:name
	2.变量命名如果涉及多个单词,笔者建议使用驼峰命名法
	  如:fileType
    3.JavaScript变量名具有大小写区分

定义变量的方法

使用var关键字即可定义语法
    var 变量名;
var str;  //字符串
var age;  //年龄
var prePage;  //上一页

//定义多个变量
var a, b, c;    // 同时声明多个变量

注意事项:
    如果变量没有定义
	则会“赋予一个初始值——undefined”

变量赋值

var num;    // 定义变量 num
num = 2;    // 变量num 赋值为2

此外,也可以在定义变量的同时为变量赋值,如下例所示:
var num = 2;                    // 定义一个变量 num 并将其赋值为 1
var a = 88, b = 99, c = 100;    // 同时定义 a、b、c 三个变量并分别赋值为 88、99、100
// var a = 88,       
//     b = 99,
//     c = 100;       

变量提升

//JavaScript 在预编译期会先预处理声明的变量
//但是变量的赋值操作发生在 JavaScript 执行期,而不是预编译期。

document.write(str); //显示undefined
str = https://www.linux28.com/;
document.write(str); //输出https://www.linux28.com/

let和const关键字

2015年以前
  JavaScript只能使用var关键字来声明变量
  在ECMAScript6(ES6)发布之后,新增let和const两个关键字来声明变量

其中:
  使用let关键字声明的变量只在其所在的代码块中有效(类似于局部变量),且在这个代码块中,同名的变量不能重复声明
   const关键字功能和let相同    
        const关键字定义的变量,一旦定义,则不能修改(即使用const关键字定义为常量)

注意事项:
  IE10及以下的版本不支持let和const关键字

let和const示例

let name = "maomao";      // 声明一个变量 name 并赋值为“maomao”
let age  = 21;          // 声明一个变量 age
let age  = 16;          // 报错:变量 age 不能重复定义
const PI = 3.1415       // 声明一个常量 PI,并赋值为 3.1415
console.log(PI)         // 在控制台打印 PI