博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript语法基础
阅读量:5106 次
发布时间:2019-06-13

本文共 6284 字,大约阅读时间需要 20 分钟。

Javascript语法基础

 

一、基本数据类型

 

JavaScript中支持数字、字符串和布尔值三种基本数据类型:

 

1.数字

数字型是JavaScript中的基本数据类型。在JavaScript中的数字不区分整型和浮点型,所有的数字都是以浮点型来表示的。

 

2.字符串

字符串型是JavaScript中用来表示文本的数据类型,是由Unicode字符、数字和标点符号组成的一个字符串序列。字符串通常都是用单引号或双引号括起来的。如果在字符串中包括着特殊字符,可以使用转义字符来代替。例如:

“”   //空串,它的字符数是0

“hello world!”   //表示字符串hello world

“3.14”

“这个字符串\n共有两行内容”  //其中\n是表示换行的转义字符

“you\'re right,it can\'t be quote” //其中\’是表示单引号的转义字符

 

3.布尔型

布尔型比较简单,只有两个值,即代表真的“true”和代表假的“false”。布尔值通常是通过比较得来的,如以下代码:

x == 2

在上面代码中,如果x等于2,则返回true,如果x不等于2,则返回false。

 

二、复合数据类型

 

JavaScript复合数据类型包括对象和数组两种。

 

1.对象

对象其实就是一些数据的集合,这些数据可以是字符串型、数字型、布尔型,也可以是复合型。对象中的数据是已命名的数据,通常作为对象的属性来引用。例如一个超链接(link)对象有一个名为text的属性,可以通过以下方法来引用:

link.text

JavaScript中的对象除了拥有属性之外,还可以拥有方法。例如一个窗口(window)对象有一个名为alert的方法,可以通过以下方法来引用:

window.alert(message)

      

2.数组

数组与对象一样,也是一些数据的集合,这些数据也可以是字符串型、数字型、布尔型,或者是复合型。与对象不同的,数组中的数据并没有被命名,即数组的中数据没有名字,因此不能通过名字来引用该数据。在数组中为每个数据都编了一个号,这个号称为数组的下标。在JavaScript中数组的下标是从0开始,通过使用数组名加下标的方法可以获取数组中的某个数据。如以下代码分别获取名为abc数组的第1个和第3个数据:

abc[0]

abc[2]

 

三、常量

 

常量(Literals)通常用来表示一个固定的值,这个值是不会被改变的。根据JavaScript中的三种基本数据类型:数值类型、逻辑类型和字符串类型,JavaScript中主要有以下4种常量:数值常量、字符串常量、布尔常量、Null常量。

 

1.数值常量

整型常量是程序设计过程中最常使用的一种常量形式,整形常量的数据类型隐含用32个二进制位来表示。JavaScript中允许定义十进制常量,也允许定义八进制常量或十六进制常量。其中:

表示十进制常量时不能以数字“0”或“0x”开头。

表示八进制常量时要用数字“0”开头,数字只能是0~7。

表示十六进制常量要用数字“0x”开头,所用数字只能是0~15,并用A~F或a~f来分别代替10~15这六个数字。

另外,浮点型常量又称为实型常量,一般用于表示需要小数部分的数据。浮点常量可以包含小数点,其表示方法有以下两种:

(1)传统记数法:传统记数法是将一个浮点数分为三个部分,如3.14、10.0。

(2)科学记数法:当一个数字很大或很小的时候,可以使用科学记数法来表示。如1.00E+2、100E-2。

 

2.字符串常量

字符串是由单引号(')或双引号(")括起来的字符序列。其中字符序列的个数可以是零个或多个。单引号所括起来的字符序列里可以包括双引号,而双引号所括起来的字符序列里也可以包含单引号。字符串常量必须写在一行中,如果换行的话,JavaScript会认为是两个语句而产生错误。

 

3.布尔常量

    布尔常量是比较简单的一种常量,只有两种值,一种是true(真),一种是false(假)。在有些时候,JavaScript也可以把0和1分别看成false和true。布尔常量常用于条件判断语句中。

 

4.null常量

    null是空的意思,在JavaScript语言中表示一个“空”的值,一般null主要用于表示完全没有的对象。如果我们希望仅仅声明一个对象存在,并指定它的名称,而暂时不为对象分配内存空间,这时就可以利用null声明一个“空”对象。

    注意:在数值数据中null表示0,在字符串数据中null表示一个空串。

 

 

四、变量

 

变量(variable)是相对常量而言的,常量通常是一个不会改变的固定值,而变量是对应到某个值的一个符号,这个符号中的值可能会随着程序的执行而改变,因此称为“变量”。在很多情况下,变量又称为标识符(identifier)。

当你回忆在学校学过的代数课程时,想到的很可能是:x=5, y=6, z=x+y 等等。你还记得,一个字母可以保存一个值,并且可以使用上面的信息计算出 z 的值是 11。这些字母称为变量,变量可用于保存值 (x=5) 或表达式 (z=x+y)。

1.变量的命名方式

变量可以用来存储数据,JavaScript中是通过变量名来调用这些被存储的数据。变量名必须以ASCII字符或下划线(_)开头,第1个字母不能是数字,但其后可以是数字或其他字母。

   

2.变量类型

JavaScript与其他程序语言之间有些区别,其他程序语言大多需要为变量指定一个数据类型,例如将一个变量指定为整数型,那么这个变量就只能存储整数型数据,不可以存储浮点型或其他类型的数据。而JavaScript中的变量是没有类型(notype)的,这就意味着在JavaScript中的变量可以是任何一种数据类型。

 

3.定义变量

在JavaScript中,使用一个变量之前,必须要先定义该变量。只有在定义了一个变量之后,系统才会准备一个内存空间来存储这个变量的值,而程序员可以通过变量名来存储或读取变量的值。在JavaScript中可以使用关键字var来定义一个变量。

var <标识符> [=<值>]

如:var a=5;

    var PI=3.14;

    var tag;

 

4.定义变量的注意事项

虽然在JavaScript中定义变量是一件十分简单的事情,但是在定义变量时,有以下几点是需要注意的:

  • 变量对大小写敏感(小写y 和大写Y 是两个不同的变量);
  • 变量必须以字母或下划线开始,其后可以是数字或其他字母;
  • 变量名不能和javascript中的保留字相同
  • 变量最好是先定义后使用

 

5.变量的值

由于JavaScript的变量不需要指定数据类型,因此变量值可以是任何类型的数据,包括:

数字型(number):整数型或浮点数,如:123或12.3。

布尔型:又称逻辑型(logical),只能是true或false。

字符串型(string):用单引号或双引号括起来的字符串。

空值(null):这是一种特殊的类型,表示没有值,即该变量为空。

未定义值(undefined):表示变量还没有被赋值。

 

6.变量的有效范围

变量可以根据其有效范围分为全局变量与局部变量两种。其中全局(global)变量从定义开始,到整个JavaScript代码结束为止,都可以使用;而局部(local)变量只有在函数内部里才生效。

 

7.保留字

在为变量命名时,是不能与JavaScript中的保留字同名。因为这些保留字对于JavaScript来说具有特殊意义,是JavaScript语法中的一部分。事实上,保留字不但不能用作变量名,也不能用作函数名以及循环标签。

 

五、数组

 

1.定义数组

数组对象用来在单独的变量名中存储一系列的值。通常使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象:

var myArray=new Array()

有两种向数组赋值的方法(你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样)。

第一种方法:

var mycars=new Array()

mycars[0]="Saab"

mycars[1]="Volvo"

mycars[2]="BMW"

也可以使用一个整数自变量来控制数组的容量:

var mycars=new Array(3)

mycars[0]="Saab"

mycars[1]="Volvo"

mycars[2]="BMW"

第二种方法:

var mycars=new Array("Saab","Volvo","BMW")

注意:如果你需要在数组内指定数值或者逻辑值,那么变量类型应该是数值变量或者布尔变量,而不是字符变量。

 

2访问数组

通过指定数组名以及索引号码,你可以访问某个特定的元素。

下面是代码行:

document.write(mycars[0])

下面是输出:

Saab

 

3修改已有数组中的值

如需修改已有数组中的值,只要向指定下标号添加一个新值即可:

mycars[0]="Opel";

现在,以上代码:

document.write(mycars[0]);

将输出:

Opel

 

六、运算符和表达式

 

表达式与运算符是一个程序的基础,JavaScript中的表达式与运算符和C、C++、Java中的表达式与运算符十分相似,请看下面的介绍。

 

1.运算符

 

在任何一种语言中,处理数据是必不可少的一个功能,而运算符就是处理数据中所不能缺少的一种符号。

运算符(Operator)是一种用来处理数据的符号,日常算数中所用到的“+”、“-”、“×”、“÷”都属于运算符。在JavaScript中的运算符大多也是由这样一些符号所表示,除此之外,还有一些运算符是使用关键字来表示的。

运算符所连接的是操作数,而操作数也就是变量或常量,变量和常量都有一个数据类型,因此,在使用运算符创建表达式时,一定要注意操作数的数据类型。每一种运算符都要求其作用的操作数符合某种数据类型。

 

运算符 = 用于给 JavaScript 变量赋值。

算术运算符 + 用于把值加起来。

y=5;

z=2;

x=y+z;

在以上语句执行后,x 的值是 7。

 

⑴   JavaScript 算术运算符

 

算术运算符用于执行变量与/或值之间的算术运算。给定 y=5,下面的表格解释了这些算术运算符:

运算符

描述

例子

结果

+

x=y+2

x=7

-

x=y-2

x=3

*

x=y*2

x=10

/

x=y/2

x=2.5

%

求余数 (保留整数)

x=y%2

x=1

++

累加

x=++y

x=6

--

递减

x=--y

x=4

 

⑵   JavaScript 赋值运算符

 

赋值运算符用于给 JavaScript 变量赋值。给定 x=10 和 y=5,下面的表格解释了赋值运算符:

运算符

例子

等价于

结果

=

x=y

 

x=5

+=

x+=y

x=x+y

x=15

-=

x-=y

x=x-y

x=5

*=

x*=y

x=x*y

x=50

/=

x/=y

x=x/y

x=2

%=

x%=y

x=x%y

x=0

 

⑶  用于字符串的 + 运算符

 

+ 运算符用于把文本值或字符串变量加起来(连接起来)。如需把两个或多个字符串变量连接起来,请使用 + 运算符。

txt1="What a very";

txt2="nice day";

txt3=txt1+txt2;

在以上语句执行后,变量 txt3 包含的值是 "What a verynice day"。

 

要想在两个字符串之间增加空格,需要把空格插入一个字符串之中:

txt1="What a very ";

txt2="nice day";

txt3=txt1+txt2;

 

或者把空格插入表达式中:

txt1="What a very";

txt2="nice day";

txt3=txt1+" "+txt2;

在以上语句执行后,变量 txt3 包含的值是:"What a very nice day"

 

⑷ 对字符串和数字进行加法运算

请看这些例子:

x=5+5;

document.write(x);

 

x="5"+"5";

document.write(x);

 

x=5+"5";

document.write(x);

 

x="5"+5;

document.write(x);

规则是:如果把数字与字符串相加,结果将成为字符串。

 

JavaScript 运算符的优先级

优先顺序

运算符

1

.、()、[ ]

2

!、++、typeof、new、void和delete

3

*、/、%

4

+、-

5

<<、>>、>>>

6

<、<=、>、>=

7

= =、!=、= = =、!= =

8

&

9

^

10

|

11

&&

12

||

13

条件运算符

14

=、+=、-=、*=、/=、%=、<<=、>>=、&=、^= 和 |=

15

,(注释:此运算符用于将不同的值分开)

 

2.表达式

表达式(expression)就是JavaScript中的一个语句,这个语句可以是常量或变量,也可以是由常量、变量加上一些运算符组成的语句。因此,表达式可以分为以下三种:

(1)常量表达式。常量表达式就是常量本身;

(2)变量表达式。变量表达式就是变量的值;

(3)复合表达式。复合表达式是由常量、变量加上一些运算符所组成的表达式。

如:

10

i+5

(i+10)-sum

 

六、保留字

在为变量命名时,是不能与JavaScript中的保留字同名。因为这些保留字对于JavaScript来说具有特殊意义,是JavaScript语法中的一部分。事实上,保留字不但不能用作变量名,也不能用作函数名以及循环标签。

JavaScript 保留字

abstract

boolean

Break

byte

case

catch

char

Class

const

continue

extends

delete

Do

double

else

for

function

goto

if

implements

import

in

instanceof

int

interface

long

native

new

null

package

private

protected

public

return

short

static

super

switch

synchronized

this

throw

throws

transient

true

try

typeof

var

void

while

with

 

小结:

JavaScript中的基本数据类型有数字型、字符串型和布尔值三种,除了基本数据类型之外,JavaScript还支持对象、数组、函数、null和undefined数据类型。JavaScript与其他语言一样,也支持常量与变量,不过JavaScript中的变量是无类型的,即可以存储任何一种数据类型的数据。

JavaScript中的运算符比较多,可以分为算术运算符、关系运算符、字符串运算符、赋值运算符、逻辑运算符、逐位运算符和其他运算符七大类。在使用JavaScript中的运算符时,要注意不同运算符的优先次序。在下一章里将会介绍JavaScript中的语句。

 

 

 

 

转载于:https://www.cnblogs.com/haore147/p/4191540.html

你可能感兴趣的文章
Unity之fragment shader中如何获得视口空间中的坐标
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>
Intel HEX 文件格式
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
php_扑克类
查看>>
回调没用,加上iframe提交表单
查看>>
(安卓)一般安卓开始界面 Loding 跳转 实例 ---亲测!
查看>>
Mysql 索引优化 - 1
查看>>
LeetCode(3) || Median of Two Sorted Arrays
查看>>
大话文本检测经典模型:EAST
查看>>