javascript语法—JavaScript语法基础 收藏 0

前端入门——JavaScript 基础语法

要学习一门计算机语言，就要从最基本的语法开始，JavaScript 作为一种脚本语言，它在设计之初借鉴了C语言及其它类C语言（比如JAVA和Perl）的语法。相对于C语言，JavaScript语法更加宽松、简单，容易上手。

JavaScript 和其它语言一样，由语法、操作符、数据类型、函数、类等功能构成，下面简单的结束下JavaScript的大概语法，在开始学习之前需要掌握的基础知识。

所谓标识符就是变量、函数、属性的名称，或者函数的参数名。其规则如下：

1、区分大小写。

在JavaScript中所有的命名（变量名、函数名和操作符）都区分大小写。比如Test 和 test 分别代表2个不同的变量。

2、命名不能使用关键词或保留字。

在命名时不能使用JavaScript语言中已存在的的关键词或保留字，所谓关键词就是语言本身使用的一些内置的名称，比如true、false和null等作为标识符。

3、只能使用字母、数字、下划线（_）或美元符号（$），且第一个字符不能是数字。

4、采用驼峰大小写格式书写。

所谓驼峰格式就是，除了第一个字母小写，其它每个单词首字母大写，例如：myCar 、firstSecond。

JavaScript的注释和C语言一样，包括单行注释或多行注释，如下示例：

注意多行注释，以/*开始，*/结算。上面例子中中间的型号不是必需的，一般为了注释的可读性才加上这些多余的星号。

在最新的ECMAScript 5中引入了严格模式的概念。严格模式指为JavaScript定义了一种不同的解析和执行规则。在严格的模式里，一些语法或规则将会出现不确定的结果。

使用如下代码，告诉浏览器按照严格模式执行JavaScript：

上面的代码是一个特殊的编译指令，告诉浏览器切换到严格模式。除了使整个JavaScript代码处于严格模式环境，你也可以只让部分代码按照严格模式执行，比如下面的代码：

JavaScript中的语句值复制语句、声明变量语句、控制语句等。语句一般以分号结束，如果省略分号，并不会出错。但是建议加上分号，这样可以避免一些错误，比如输入不完整，或不小心删除字符或输入多余空格导致代码在压缩时报错。另外加上分号还可以提高代码性能，这样浏览器引擎不必花费时间去推测哪里应该插入分号。

如下语句示例：

注意上面控制语句的不同用法，后面再介绍条件语句时会详细介绍。

在ECMA规范中有一组特定用途的关键字，它们用来表示语言中一些特定操作，是先有语在使用的内置名称，这些关键字不能用作标识符。以下是常用的关键字：

break、do、instanceof、typeof、case、var、let、const、new、if、else、this、in、delete、for、return、catch、finally、void、while、switch、function、continue、default、try、with、debugger、export、class、throws、import

除了关键字，EVMA中还保留一组不能用作标识符的保留字。保留字在将来可能被用作关键字，如下是常见的保留字：

abstract、enum、int、short、boolean、char、volatile、public、goto、package、native、super、byte、final等

所谓变量就是，在内存中临时分配一个空间，可以理解为它是一个占位符，方便程序查找内存地址，然后进行计算、存储。JavaScript 中的变量可以声明为任何类型的变量，它不同意其它语言，JavaScript 语言变量是松散类型的，无需指定变量的具体数据类型，可以使用var 、let 关键字声明变量。

如下示例声明一个变量：

变量在声明的同时也可以给其赋值，如下：

关于变量值可以使用双引号也可以使用单引号，且只有在变量值是字符串类型时才能使用。

同时声明多个变量：

关于var 和 let 的区别之后会单独详细介绍。

所谓常量，是一种特殊的变量，一旦定义了常量，就不能再修改它的值，可以使用const关键字声明常量。

如下示例：

所谓数据类型就是计算机语言中不同的数据组织方式，在JavaScript中有以下几种数据类型：

String（字符串）、Number（数字）、Boolean（布尔）、Null、Undefined、Object（对象）。

其中Object是一种比较复杂的数据类型（由一组无序的名值对组成），不同于其它类型都是简单的类型。

JavaScript中的数据类型，在实际使用时会自动转换类型，关于这里后期会单独介绍。

本节介绍了JavaScript语言的基础语法，你将学会如何书写代码、如何声明变量和常量、以及如何注释代码等基本规则。本篇是入门教程，如果您以及非常熟悉JavaScript，请直接忽略，如有错误，请指正，感谢关注。

JavaScript 语法

JavaScript 是一个脚本语言。

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

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

代码练习：

运行结果：

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

代码练习：

运行结果：

代码2的效果图，同上。

表达式字面量 用于计算：

代码练习：

运行结果：

数组（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 使用关键字 var 来定义变量， 使用等号来为变量赋值：

代码练习：

运行结果：

ps:变量是一个名称。字面量是一个值。

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

代码练习：

运行结果：

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

代码练习：

运行结果：

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

语句是用分号分隔：x = 1 + 2;

var 关键字告诉浏览器创建一个新的变量：var x = 1 + 2;

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\”

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

\”16Volvo\”

代码练习：

运行结果：

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

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

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

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

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

JavaScript 使用 Unicode 字符集。

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

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

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

JavaScript 使用 Unicode 字符集。

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

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com