JS入门：变量和函数

JS中的变量

js变量是存储数据值的容器。

在js中，变量名称必须以字母开头，也可以以$和_开头，但不推荐这么做，通常，为了便于阅读代码，我们会使用描述性更好的名称，如age,sum,totalvolume。

变量名称对大小写敏感。保留字无法用作变量名。

在js中，等号“=”是赋值运算符，而不是“等于”运算符，下面的代码在代数中是不合理的：

x=x+5;

然而在js中，它非常合理：把x+5的值赋给x。（计算x+5的值并把结果放入x中，x的值递增5.）

js中的数据类型

js变量可以存放数值，比如20，也可以存放文本值，比如“hello world！”。js可以处理多种数据类型，我们主要关注数值和字符串。

数值不需要引号包围，字符串需要用引号包围，如果数值被放在引号中，会被看作文本字符串。

实例

var pi=3.14;

var job="teacher";

声明（创建）js变量

在js中创建变量又叫声明变量。

我们可以通过var关键词声明js变量：

var name;

声明之后，变量并没有值，此时对变量引用会输出“undefined”。

如果需要赋值给变量，可以使用等号：

name="xiaoming";

这样就创建了名为name的变量，并将值“xiaoming”赋给了这个变量。

然后，在id=“none”的HTML段落中“输出”该值：

<p id="demo"></p>

<script>
var name = "xiaoming";
document.getElementById("demo").innerHTML = name; 
</script>

复制代码

一条语句，多个变量

在一条语句中我们可以声明多个变量，只需要用逗号将变量分隔开。

var person="tom",car="jeep",price=10000；
复制代码

重复声明js变量

即使再次声明某个js变量，它的值也不会丢失。

var name="xiaoming";
var name;
复制代码

在这两条语句执行后，name的值仍然是“xiaoming”。

js算术

我们可以通过js变量进行算术运算，使用“=”和“+”之类的运算符。

var x=1+2+3;
复制代码

js函数

js函数是被设计为执行特定功能或任务的代码块。会在某代码调用它是被执行。

function myFunction(i,p){
    return i*p; // 该函数返回i和p的乘积
}
复制代码

js函数语法

js函数通过 function 关键词进行定义，其后是函数名和括号（）。

函数名可以包含字母、数字、下划线和美元符号。

括号内可以包含由逗号分隔的参数：

(参数1,参数2,...)

需要函数执行的代码放在大括号中：

 function name(参数1,参数2,...){
  要执行的代码  
 }
复制代码

函数调用

函数中的代码将在其他代码调用该函数时执行：

• 当事件发生时（当用户点击按钮时）
• 当js代码调用时
• 自动调用

函数返回

一般的，当js到达 return 语句时，函数将停止执行。

计算两个数的乘积，并返回结果：

var x=myFunction(4,5);
function myFunction(x,y){
    return x*b;
}

复制代码

x的结果将是20。

为什么要使用函数？

• 能够对代码进行复用：只要定义一次代码，就可以对此使用它。
• 能够多次向同一函数传递不同的参数，以产生不同的结果。
• 我们可以使用变量来存储函数的值，也可以将函数当成变量值直接调用。

局部变量

在js函数中声明的变量，会成为函数的局部变量。

局部变量只能在函数内访问。

由于局部变量只能被其函数识别，因此可以在不同函数中使用相同名称的变量。

局部变量在函数开始时创建，在函数完成时被删除。

转载于:https://juejin.im/post/5ce7b5885188257f1970b200