JavaScript DOM 9.16

第二章 JavaScript语法

程序设计语言分为解释型和编译型两大类。

Java或C++等语言需要一个编译器(comoiler)。编译器是一种程序,能够把源代码翻译成直接在计算机上执行的文件。

解释型程序设计语言不需要编译器,只需要解释器。对于javascript来说,web浏览器负责有关解释执行的工作。

编译型语言编写如果有错误,这些错误在代码编译阶段就能被发现。而解释型语言中的代码错误只能等到解释器执行到有关代码时才能被发现。

与解释型语言相比,编译型语言往往速度更快,可移植性更好,但学习曲线更陡峭。

语句

用js编写的脚本,由一系列指令构成,这些指令称为语句(statement)。是构成脚本的基本单位。

变量

人的姓名和生日是固定不变的,但心情和年龄是变化的,会变化的东西成为变量(variable)。

假如我有一个变量mood,我可以把此时此刻的心情储存于期中,不管值是happy还是sad,名字都是mood,我可以改变这个值。

把值存入变量的操作叫做赋值(assignment)。把变量mood赋值为happy,age赋值为33

mood="happy";
age=33

赋值之后则变量包含这个值,可以用如下语句把两个变量的值显示在一个弹出式警告窗口中:

alert(mood)
alert(age)

JS允许直接对变量赋值而无需实现声明。很多程序设计语言是不允许的。很多语言要求在使用审核变量之前对她进行“介绍”,也就是声明(declare)。在JS中,如果对变量赋值之前没有声明,赋值将自动声明。但是提前声明变量是一种良好的习惯

var mood;
var age;

var mood,age;相同。

var mood = "happy";
var age=33;

var mood = "happy", age = 33相同

变量名称不允许包含空格,标点。语序包含字母,数字,美元符号和下划线(第一个字符不允许是数字)。为了让较长名字易读,可这样

var my_mood = "happy";

var myMood= "happy";(驼峰格式)首选格式

var是一个关键字,myMood是一个变量名,happy是一个字面量。

数据类型

变量mood的值是一个字符串,变量age的值是一个数,虽然两种不同类型数据,但在js中声明和赋值的语法完全一样。有些其他的语言要求在声明变量的同时还必须同时声明数据类型,称作类型声明

必须确定声明类型的语言成为强类型(strongly typed)语言。js不需要类型声明,因此它是一种弱类型(weakly typed)语言。以为着可以在任何阶段改变变量的数据类型。

以下语句在强类型中非法的,但js中完全没有问题:

var age = "thirty three";
age = 33;

JS并不在意age的值试一个字符串还是一个数。

1. 字符串

字符串由零个或多个字符组成。字符包括但不限于字母,数字,标点符号和空格。字符串必须抱在引号里,单引号或者双引号都可以。

2. 数值

赋一个数值给一个变量,可以是小数,成为浮点数。

3.布尔值(boolean)

只有两个可选值:true 或 false。假设需要这样一个变量:如果我正在睡觉,这个变量储存一个值,如果我不在睡觉,这个变量储存另外一个值。可用字符串赋值为sleeping或者not sleeping,但使用布尔值显然是一个更好的选择:

var sleeping = true;

从某种意义上讲,为计算机设计程序就是与布尔值打交道。所有的电子电路只能识别和使用布尔值:电路中有无电流。只取2值中的1种。

布尔值不是字符串,不能用引号。

数组(array)

字符串,数值,布尔值都是标量。标量在任意时刻只能有一个值。如果用一个变量来储存一组值,就需要用数组。在js中数组可以用Array来声明。,我们可以用名为beatles的变量来保存四位成员名称。

var beatles = Array(4);   //可指定初始元素个数(长度),也可以不指定
var beatles = Array();

向数组添加元素的操称为填充(populating)。不仅要给出值,还要给出存放位置,即下标(index)。一个元素配一个下标,用方括号括起来:

beatles[0] = "john";

从0开始作为第一个下标

1. 下面是声明和填充全过程:
var beatles = Array(4);
beatles[0] = "john";
beatles[1] = "paul";
beatles[2] = "george";
beatles[3] = "ringo";

现在我们可以通过beatles[2]来获取元素george了。

beatles长度为4,可最后一个下标为3,因为下标从0计算的。

2. 相对简单的方法,声明时填充:
var beatles = Array("john","paul","george","ringo");

上述语句会自动分配一个下标。所以beatles[2]还是获取george、

3. 甚至可以不明确是创建数组,用方括号就行了:
var beatles = ["john","paul","george","ringo"];

数组里元素的数据类型:

1.数组的元素也不一定是字符串,布尔值,数值都可以。甚至可以混搭:
var years = [1940,1941,1942,1943];
var lennon = ["john",1940,false];
2.数组元素还可以是变量:
var name = "john";
beatles[0] = name;

这把第一个元素赋值为john

3.数组元素的值还可以是另外一个数组的元素
var names = ["ringo","john","george","paul"];
beatles[0] = names[3];

这样就把beatles的第二个元素换成了paul

4.数组还可以包含其他数组,任何一个元素都可以把一个数组作为它的值:
var lennon = ["john",1940,false];
var beatles = [];
beatles[0]= lennon;

现在数组beatles的第一个元素的值是另外一个数组。获取值需要更多方括号

beatles [0][0]   //是john
beatles [0][2]   //是false

对象

与数组类似,对象也是使用一个名字表示一组值。对象的每个值都是对象的一个属性,例如lennon数组也可以创建成对象:

var lennon = Object();
lennon.name = "john";
lennon.year = 1940;
lennon.living = false;

与数组相似,创建对象使用Object关键字。不用方括号和下标来获取元素,是用点号来获取属性。

更简洁的创建方法:

var lennon = {name:"john",year:1940,living:false};

下面创建一个新的beatles数组,用lennon对象填充它第一个元素。

var beatles=array();
beatles[0]=lennon;

现在使用beatles[0].name可得到值john

在此基础上,进一步改进,把beatles数组也声明为对象而不是传统数组,这样我们就可以用drummer和bassist更有意思的字符串作为下标来访问数组里的元素了:

var beatles = {}
beatles.vocalist = lennen;

beatles.vocalist.name是john。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 2,922评论 4 14
  • 第二章 JS语法 语句 变量和数组 操作符 条件语句和循环语句 函数与对象 2.1 准备工作 用JS写的代码必须通...
    去屎吧阅读 2,200评论 1 4
  • 无可奈何的离去为了别人和自己的欺骗风儿卷走了我的言语只留下我笨拙的双眼还记得春天里埋下的那些种子吗?它们在夏天长成...
    胡三多阅读 176评论 0 0
  • 亲爱的朋友,你好我是陈蓝波,今天是2007年7月24日,是我坚持原创的第19天。 昨天给大家分享了,想象力造就今天...
    陈蓝波阅读 1,033评论 0 0
  • 国庆假期结束,新的工作,学习生活,开始了。今天一早,出门,马路上湿漉漉的,昨天晚上一夜的秋雨积水很多,也让人们感觉...
    星之梦lyx阅读 123评论 0 0