js变量 基础实用性超强

js变量 基础实用性超强

1.什么是变量

=> 在程序运行的过程中一个用来保存中间值的内容叫做变量

2.如何定义变量

（1）语法：var 名字 = 值

（2）var 定义变量的关键字，告诉浏览器，我下面的操作是在定义变量

（3）空格 分开关键字和名字的使用

（4）名字是你起的变量

（5）等于号 学名（赋值符号）把符号右边的内容给到左边的变量

（6）值 你给当前这个变量赋值的数据

3.定义变量的几种方式

（1）定义不赋值

​ =>语法：var x

​ =>准备一个变量，以后使用，暂时先不进行赋值

（2）定义并赋值

​ =>语法：var x=100

​ =>准备一个变量的同时，并且给他赋值为某一个数据

（3）一次性定义多个变量不赋值

​ =>语法：var x1,x2,x3,…

​ =>同时定义多个变量都不进行赋值

（4）一次性定义多个变量并赋值

​ =>语法：var x=10，x2=20，x3=30，…

（5）定义多个变量有的赋值有的不赋值

​ =>语法：var x=10，x2，x3=30，…

js的输出语法

作用1：验证我的运算是对的

作用2：修改页面的显示内容

1.alert（内容）

（1）alert内容

​ =>如果你输出纯文本，那么必须要包裹引号

eg：输出的文本与这个变量的数值没有任何关系

var x=100

alert（'x'）

显示如上图

​ =>如果你输出纯数字，那么是否包裹引号无所谓

eg：

var x=100
alert(123456)

​ =>如果你输出的内容没有包裹引号，会当作变量来解析，如果没有这个变量就会报错

var x=100
alert(x)

（2）alert作用

​ =>在浏览器弹出提示框，提示框内显示（）内书写的文本内容

2.console.log（内容）

（1）console.log内容

​ =>如果你输出纯文本，那么必须要包裹引号

eg：输出的文本与这个变量的数值没有任何关系

var x=100

console.log（'x'）

F12 调出控制

​ =>如果你输出纯数字，那么是否包裹引号无所谓

eg：

var x=100
console.log(123456)

​ =>如果你输出的内容没有包裹引号，会当作变量来解析，如果没有这个变量就会报错

var x=100
console.log(x)

（2）console.log作用

​ =>在浏览器控制台显示输出的内容

3.document.write(内容)

（1）document.write内容

​ =>如果你输出纯文本，那么必须要包裹引号

eg：输出的文本与这个变量的数值没有任何关系

document.write x=100

alert（'x'）

=>如果你输出纯数字，那么是否包裹引号无所谓**

eg：

document.write x=100
alert(123456)

​ =>如果你输出的内容没有包裹引号，会当作变量来解析，如果没有这个变量就会报错

document.write x=100
alert(x)

（2）document.write作用

​ =>显示在浏览器页面上

（3）document.write特点：

​ =>可以输出一个html格式的文本

​ =>会被浏览器解析

4.报错：

当你使用了一个没有的变量的时候会直接报错

js交换变量

概念：

在js中一个变量只能保存一个值，当你给这个变量设置第二个值的时候第一个就被覆盖了

var x=10
console.log(n)//这时输出的结果是10
n=20
console.log(n)//这时输出的结果就为20.把前面10的结果覆盖了

（1）交换变量的逻辑

var x=5
var y=6
console.log(x)//这时输出的结果是5
console.log(y)//这时输出的结果为6
现在开始交换值
把x的值赋值给temp从此以后temp的值就为x的值也就是5
var temp=x
x=y
y=temp

变量的命名规则和规范

规则：

1.一个变量只能有 数字（0-9） 字母（a-z A-Z）美元符（$）下划线（_）组成

2.一个变量不能由数字开头

eg：
var n=10
var $n=10
var _n=10//以上都可以执行
var 1n=10//这种就不行，不能由数字开头

3.严格区分大小写

4.不要使用关键字和保留字

​ =>关键字：js内正在使用的关键字

​ =>保留字：js现在没有使用，但是将来有可能要使用的关键字

规范：

1.建议变量语义化

​ =>当你定义一个变量的时候，尽量使用一个有意义的单词

​ =>uesname,password,email

2.驼峰命名法

​ =>useremail推荐写成userEmail

​ =>getuserinfo 推荐写成getUserInfo

3.不要使用中文

​ =>H5 的标准下可以使用中文但是不推荐