JavaScript菜鸟教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 菜鸟教程

JavaScript 参考手册

JavaScript 语法

JavaScript的语法是定义正确结构的JavaScript程序的一组规则。

JavaScript 变量

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

标准JavaScript中的变量没有附加类型,任何值都可以存储在任何变量中。

可以使用let(对于块级变量),var(对于函数级变量)或const(对于不可变常量)声明变量。

等号用于为变量赋值。

在此示例中,num被定义为变量。然后,为num赋值20:

var num;

num = 20;
测试看看‹/›

JavaScript运算符

JavaScript使用算术运算符(+ - * /)计算值。

(20 + 30) * 10
测试看看‹/›

JavaScript使用赋值运算符(=)将值赋给变量。

var x = 20;
var y = 30;
var z = x + y;
测试看看‹/›

您将在本教程的后面部分了解有关运算符的更多信息。

JavaScript标识符

变量,函数或属性的名称在JavaScript中称为标识符

和其他任何编程语言一样,JavaScript 保留了一些标识符为自己所用。

JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。

JavaScript 标识符必须以字母、下划线(_)或美元符($)开始。

后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开标识符和数字)。

JavaScript注释

注释只是一行文本,JavaScript解析器完全忽略了这一行。

通常添加注释是为了提供与源代码有关的额外信息。

JavaScript支持单行和多行注释。

单行注释以双斜杠(//)开头,后跟注释文本。

// document.write("Hello World");
测试看看‹/›

而多行注释以斜杠和星号(/*)开头,以星号和斜杠(*/)结束。

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/
测试看看‹/›

您将在本教程的后面部分了解有关注释的更多信息。

JavaScript区分大小写

所有JavaScript标识符均区分大小写。

变量myVariable和myvariable,是两个不同的变量:

var myVariable = 1;
var myvariable = 2;
测试看看‹/›

JavaScript和驼峰命名

JavaScript标识符的约定是使用camelCase(驼峰命名)编写的,这意味着第一个单词是小写字母,但随后的每个单词都以大写字母开头。

getElementById();
firstElementChild;
textContent;
innerHTML;
测试看看‹/›

您可能还会看到以全部大写形式编写的全局变量或常量。

Math.PI;
测试看看‹/›

JavaScript缩进

完整的JavaScript程序从技术上讲可以写在一行上。

但是,这将很快变得很难阅读和维护。相反,我们通常使用换行符和缩进,方便维护和阅读。

这是一个条件if / else语句的示例,它可以单行写,也可以用换行符和缩进。

 // 条件语句写在一行
 if (x === 1) { /* execute code if true */ } else { /* execute code if false */ }
 
 // 带缩进的条件语句
 if (x === 1) {
  // execute code if true
 } else {
  // execute code if false
 }

注意,包含在块中的任何代码都是缩进的。缩进可以使用两个空格,四个空格或按制表符来完成。