JavaScript 语句
- JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。
- 分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。
- 使用分号的另一用处是在一行中编写多条语句。
JavaScript 代码
- JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。
JavaScript 代码块
- 可以分批地组合起来。左花括号开始,右花括号结束。作用是一并地执行语句序列。
JavaScript 语句标识符
- JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。
- 语句标识符是保留关键字不能作为变量名使用。
- 下表列出了 JavaScript 语句标识符 (关键字) 。
语句 | 描述 |
---|---|
break | 用于跳出循环。 |
catch | 语句块,在 try 语句块执行出错时执行 catch 语句块。 |
continue | 跳过循环中的一个迭代。 |
do ... while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。 |
for | 在条件语句为 true 时,可以将代码块执行指定的次数。 |
for ... in | 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 |
function | 定义一个函数 |
if ... else | 用于基于不同的条件来执行不同的动作。 |
return | 退出函数 |
switch | 用于基于不同的条件来执行不同的动作。 |
throw | 抛出(生成)错误 。 |
try | 实现错误处理,与 catch 一同使用。 |
var | 声明一个变量。 |
while | 当条件语句为 true 时,执行语句块。 |
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("你好 \
世界!");
不过,您不能像这样折行:
document.write \
("你好世界!");
JavaScript 是脚本语言,浏览器读取代码时,逐行执行;对于传统编程来说,在执行前进行编译。
- 单行注释以 // 开头。
- 多行注释以 /* 开始,以 */ 结尾。
变量是用于存储信息的"容器"。
JavaScript 变量
与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript 数据类型
- JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。
- 在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。
- JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。
- 当您向变量分配文本值时,应该用双引号或单引号包围这个值。
- 当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
声明(创建) JavaScript 变量
在 JavaScript 中创建变量通常称为"声明"变量。我们使用 var 关键词来声明变量:
var carname;
变量声明之后,该变量是空的(它没有值)。如需向变量赋值,请使用等号:
carname="Volvo";
一条语句,多个变量
您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
var lastname="Doe", age=30, job="carpenter";
声明也可横跨多行:
var lastname="Doe",
age=30,
job="carpenter";
Value = undefined
在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
重新声明 JavaScript 变量
如果重新声明 JavaScript 变量,该变量的值不会丢失。
JavaScript 数据类型
- 值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
- 引用数据类型:对象(Object)、数组(Array)、函数(Function)。
- 注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。
JavaScript 拥有动态类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:
var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
JavaScript 字符串
存储字符("Bill Gates")的变量,可以是引号中的任意文本,您可以使用单引号或双引号。
JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带。
极大或极小的数字可以通过科学(指数)计数法来书写。
JavaScript 布尔
布尔(逻辑)只能有两个值:true 或 false。
JavaScript 数组
下面的代码创建名为 cars 的数组:
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
var cars=new Array("Saab","Volvo","BMW");
var cars=["Saab","Volvo","BMW"];
JavaScript 对象
花括号分隔,属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"John", lastname:"Doe", id:5566};
var person={
firstname : "John",
lastname : "Doe",
id : 5566
};
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。 |
JavaScript 对象
- JavaScript 对象是拥有属性和方法的数据。
- JavaScript 对象是变量的容器。
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
对象属性
- 我们通常认为 "JavaScript 对象是键值对的容器"。
- 键值对通常写法为 name : value (键与值以冒号分割)。
- 键值对在 JavaScript 对象通常称为 对象属性。
对象键值对的写法类似于:
- PHP 中的关联数组
- Python 中的字典
- C 语言中的哈希表
- Java 中的哈希映射
- Ruby 和 Perl 中的哈希表
person.lastName;
person["lastName"];
对象方法
定义一个函数,并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函数)。
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function(){
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
- 不加括号输出函数表达式:function () { return this.firstName + " " + this.lastName; }
- 加括号输出函数执行结果:John Doe
JavaScript 对象是属性和方法的容器。