首页 > 代码库 > js 基础

js 基础

注释

注释能有效帮助你了解代码的流程,它们扮演生活中便条的角色

//单行注释

/*多行注释*/

<!-- html风格的注释,只适用于单行注释,与//的处理是一样的,但不建议使用

变量

在生活中,有些东西是固定不变的,有些则一直在变化。例如人的名字和生日是固定不变的,心情和年龄则随着时间的变化而改变,那些会发生变化的东西称为变量

var声明一个变量:var mood; var age;

可以同时声明多个变量(逗号分隔):var mood,age;

也可以同时声明变量和赋值:var mood = "happly",age = "18";

变量和其他语法元素的名字都是区分大小写的,mood和Mood不是同一个变量

变量名只允许包括字母、数字、美元符号"$"、下划线"_"(但不允许第一个字符是数字),var my_Mood = "happy";

数据类型

1.字符串

字符串由零个或多个字符构成,字符包括(但不限于)字母、数字、标点符号、空格,字符串必须包在引号里,单双引号都可以:var mood = " don’t ask ";

如果想在上面的语句使用单引号,必须将don’t的单引号进行转义,使用反斜线对字符进行转义(反斜线并不会在浏览器中显示):var mood = ‘ don\‘t ask ‘

2.数值

JavaScript允许使用带小数点的数值,并且允许任意位小数,这样的数称为浮点数

也可以使用负数,在数值前面加个减号(-):var age = -33.33;

3.布尔值

布尔值只有两个可选值:true和false

布尔值不是字符串,千万不要把布尔值用括号括起来,布尔值false与字符串值"false"是两码事

数组

数组是指用一个变量表示一个值的集合,可以用关键字Array声明

声明数组的同时还可以指定数组初始元素的个数,也就是这个数组的长度:var beatles = Array(4);

当无法预知数组有多少元素时,就不需要在声明个数:var beatles = Array( );

在填充数组时,不仅需要给出新元素的值,还需要给出元素在数组中的存放位置,就是元素的下标:array[index] = element;

下面是声明和填充beatles数组的全过程:

var beatles = Array(4);

beatles[0] = "John";

beatles[1] = "Paul";

beatles[2] = "George";

beatles[3] = "Ringo";

请注意,数组的长度是4,但最后一个元素的下标却是3,因为数组的下标是从0开始计数的

可以在声明数组的同时对它进行填充:var beatles = Array( "John", "Paul", "George", "Ringo" );

甚至用不着明确地表明我们是在创建数组:var beatles = [ "John", "Paul", "George", "Ringo" ];

可以把3种数据类型混在一起存入一个数组:var lennon = [ "John", 1940, false ];

数组元素还可以是变量,把beatles数组的第一个元素赋值为"John":

var name = "John";

beatles[0] = name;

数组还可以包含其他数组,数组中的任何一个元素都可以把另一个数组作为它的值:

var lennon = [ "John", 1940, false ];

var beatles = [ ];

beatles[0] = lennon;

beatles[0][0]的值是"John",beatles[0][1]的值是1940,beatles[0][2]的值是false

在为新元素给出下标时,不必局限于使用整数数字,可以使用字符串,这样的数组叫做关联数组:

var lennon = Array( );

lennon["name"] = "John";

lennon["year"] = 1940;

lennon["living"] = false;

对象

与使用Array类似,创建对象使用Object关键字,它不使用方括号和下标来获取元素,而是像任何JavaScript对象一样,使用点号来获取属性:

var lennon = Object( );

lennon.name = "John";

lennon.year = 1940;

lennon.living = false;

创建对象还有一种更简洁的方法,即花括号语法:var lennon = { name:"John", year:1940, living:false };

我们创建一个新的beatles数组,并用刚才创建的lennon对象来填充它的第一个元素:

var beatles = Array( );

beatles[0] = lennon;

那么beatles[0].name的值是"John",beatles[0].year的值是1940,beatles[0].living的值是false

还可以作进一步的改进,把beatles数组也声明为对象而不是传统的数组,可以用"drummer"或"bassist"等有意义且更容易记忆的字符串值作为下标去访问这个数组的元素:
var beatles = { };

beatles.vocalist = lennon;

那么beatles.vocalist.name的值是"John",beatles.vocalist.year的值是1940,beatles.vocalist.living的值是false

操作

算术操作符

在进行赋值时使用的等号(=),加法操作符(+),减法操作符(-),除法操作符(/),乘法操作符(*)

为避免产生歧义,可以用括号把不同的操作分隔开来:(1+4)*5

可以对变量进行操作:

var temp_fahrenheit = 95;

var temp_celsius = (temp_fahrenheit - 32) / 1.8;

JavaScript还提供了一些非常有用的操作符作为各种常用操作的缩写

例如想给一个数值变量加上1:year = year + 1; 也可以使用++操作符:year++;

类似地,--操作符将对一个数值变量的值进行减1操作

把多个字符串首尾相连在一起的操作叫做拼接:var message = "I am feeling" + "happy";

也可以通过变量来完成:

var mood = "happy";

var message = "I am feeling" + mood;

请注意,如果把字符串和数值拼接在一起,其结果将是一个更长的字符串,但如果用同样的操作符来"拼接"两个数值,其结果将是那两个数值的算术和:

alert ( "10" + 20 );

alert ( 10 + 20 );

第一条alert语句将返回字符串"1020",第二条将返回数值30

还有一个非常有用的快捷操作符( += ),它可以一次完成"拼接和赋值":

var year = 2010;

var message = " The year is ";

message += year;

执行语句后,变量message的值将是" The year is 2010 "

js 基础