首页 > 代码库 > 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 基础