JavaScript?语法

JavaScript 是一个程序语言。语法规则定义了语言结构。

JavaScript 语法

JavaScript 是一个脚本语言。

它是一个轻量级，但功能强大的编程语言。

JavaScript 字面量

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量?可以是整数或者是小数，或者是科学计数(e)。

3.14

1001

123e5

字符串（String）字面量?可以使用单引号或双引号:

"John Doe"

‘John Doe‘

表达式字面量可以用于计算

5 + 6

5 * 10

数组（Array）字面量?定义一个数组：

[40,100,1,5,25,10]

对象（Object）字面量?定义一个对象：

{firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"}

函数（Function）字面量?定义一个函数：

function myFunction(a,b) { return a * b;}

?

JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字?var?来定义变量， 使用等号来为变量赋值：

var x,length

x = 5

length = 6

JavaScript 操作符

JavaScript使用?算术运算符?来计算值:

(5 + 6) * 10

JavaScript使用赋值运算符给变量赋值：

x = 5
y = 6
z = (x + y) * 10

JavaScript语言有多种类型的运算符：

?

JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。

语句是用分号分隔：

x = 5 + 6;
y = x * 10;

JavaScript 关键字

JavaScript 关键字用于标识要执行的操作。

和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。

var?关键字告诉浏览器创建一个新的变量：

var x = 5 + 6;
var y = x * 10;

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠?//?后的内容将会被浏览器忽略：

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab","Volvo","BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John",lastName:"Doe"};  // Object 通过对象字面量赋值

?

数据类型的概念

编程语言中，数据类型是一个非常重要的内容。

为了可以操作变量，了解数据类型的概念非常重要。

如果没有使用数据类型，以下实例将无法执行：

16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢？

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数?= 调用函数(执行函数内的语句)。

function myFunction(a,b) {
       return a * b;                                // 返回 a 乘以 b 的结果
}

JavaScript 字母大小写

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数?getElementById?与?getElementbyID?是不同的。

同样，变量?myVariable?与?MyVariable?也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符，包含标点等字符。

如需进一步了解，请学习我们的?完整 Unicode 参考手册。

?

JavaScript?语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

JavaScript 语句

JavaScript 语句是发给浏览器的命令。

这些命令的作用是告诉浏览器要做的事情。

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：

document.getElementById("demo").innerHTML = "你好 Dolly";

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

a = 5;
b = 6;
c = a + b;

以上实例也可以这么写:

a = 5; b = 6; c = a + b;

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。

浏览器按照编写顺序依次执行每条语句。

本例向网页输出一个标题和两个段落：

document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始，以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落：

function myFunction()
{
    document.getElementById("demo").innerHTML="你好Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
}

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：

var person="Hege";
var person = "Hege";

document.write("你好 
世界!");

// 输出标题：
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
// 输出段落：
document.getElementById("myP").innerHTML="这是我的第一个段落。";

/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";

// document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";

/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/

var x=5;    // 声明 x 并把 5 赋值给它
var y=x+2;  // 声明 y 并把 x+2 赋值给它

var carname="Volvo";
document.getElementById("demo").innerHTML=carname;

var lastname="Doe",age=30,job="carpenter";

var lastname="Doe",age=30,job="carpenter";

var x,y,z=1;

y=5;
x=y+2;

function functionName(parameters) {
  执行的代码
}

var x = function (a,b) {return a * b};

var x = function (a,b) {return a * b};
var z = x(4,3);

var myFunction = new Function("a","b","return a * b");

var x = myFunction(4,3);

var myFunction = function (a,b) {return a * b};

var x = myFunction(4,3);