从零开始学web开发之JavaScript-2.变量与运算符

1.变量命名规则

<1>.命名规则

JavaScript的变量名命名遵守以下规则。
1. 变量首字符必须是字母、下划线、美元符号$这三种。
2. 后续字符可以是数字与上述三种符号,但不能包括其它的特殊符号,如空格、括号、破折号等。
3. JavaScript的关键字与保留字,不能用做变量名,如var,if ,for ,return,break等

如果不是上述规则的变量名,则浏览器会报错。

Uncaught SyntaxError: Invalid or unexpected token
//正确命名
abc,_abc,$abc,abc123,a1b2c3
//错误命名
2abc,a-b,123,break//报错
//用中文命名变量是合法的
var 中文变量 = "这是中文";//不会报错

关键字-这些关键字标识了ECMAScript语句的开头和/或结尾。根据规定,关键字是保留的,不能用作变量名或函数名。所有关键字如下所示:

break   
case    catch   continue
default delete  do
else
finally for     function    if
in      instanceof
new
return
switch
this    throw   try     typeof
var     void
while   with

保留字-保留字在某种意思上是为将来的关键字而保留的单词。因此保留字不能被用作变量名或函数名。ECMA-262 第三版中保留字的完整列表如下:

abstract
boolean byte
char    class   const
debugger double
enum    export  extends
final   float
goto
implements  import  int     interface
long
native
package private protected   public
short   static  super   synchronized
throws  transient
volatile

摘录自w3cSchool JavaScript高级教程

<2>命名规范

js的变量名区分大小写,为易于阅读命名应遵循下面三种类型
- Camel 标记法
首字母是小写的,接下来的字母都以大写字符开头。例如:

var myTestValue = 0, mySecondValue = "hi";
  • Pascal 标记法
    首字母是大写的,接下来的字母都以大写字符开头。例如:
var MyTestValue = 0, MySecondValue = "hi";
  • 匈牙利类型标记法
    在以 Pascal 标记法命名的变量前附加一个小写字母(或小写字母序列),说明该变量的类型。例如,i 表示整数,s 表示字符串,如下所示
var iMyTestValue = 0, sMySecondValue = "hi";

2.定义变量

变量可以直接进行赋值,而不用进行声明,如

phoneHeight = 5.9;

但这不是一种好的编程习惯,所以需要进行变量声明以便于阅读
关键字:var

var phoneHeight = 5.9;
var phoneName = "IPhone";

可以一次性定义多个变量,用逗号隔开

var a = 3, b = "Monday", c = 5.3;

3.四则运算-加减乘除

首先定义三个变量

var a = 3;
var b = 4;
var c;
  • 加:+
c = a + b; //7
  • 减: -
c = a - b; //-1
  • 乘: *
c = a * b; //12
  • 除: /
c = a / b; //0.75

4.求余(求模)

使用符号 % 进行求余。

var a = 10;
var b = a % 3; //1

5.自增与自减

快捷的自增、减操作符为 ++--

var a = 3;
var b = 4;
a ++ ; //a = a +1 =4;
b -- ;// b = b - 1 = 3;

这里需要注意一点:自增与自减时使用值的变化。
值先使用,再自增、自减

var a = 3;
alert(a++);//弹框结果显示为3
alert(a--);//弹框结果显示为4

还有符号放变量前面时的值变化
值先自增、自减再使用

var b = 4;
alert(++b);//弹框结果显示为5
alert(--b);//弹框结果显示为4

6.操作符优先级

括号的优先级是最高的,如不确定运算符的优先级,推荐使用括号,不但易于阅读而且不易出错。

7.示例网页链接

示例网页

发布了92 篇原创文章 · 获赞 68 · 访问量 25万+

猜你喜欢

转载自blog.csdn.net/pigdreams/article/details/80275214
今日推荐