学IT网-在线学习IT知识

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: html css js php
查看: 735|回复: 0

JavaScript 教程-JavaScript 语法

[复制链接]

1380

主题

1382

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11316
发表于 2017-7-31 11:13:08 | 显示全部楼层 |阅读模式
JavaScript 语法
JavaScript 是一个程序语言。语法规则定义了语言结构。

JavaScript 语法
JavaScript 是一个脚本语言。
它是一个轻量级,但功能强大的编程语言。

JavaScript 字面量
在编程语言中,一个字面量是一个常量,如 3.14。
数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
  1. 3.14

  2. 1001

  3. 123e5
复制代码



尝试一下 »

字符串(String)字面量 可以使用单引号或双引号 be written with double or single quotes:
  1. "John Doe"

  2. 'John Doe'
复制代码



尝试一下 »

表达式字面量 用于计算:
  1. 5 + 6

  2. 5 * 10
复制代码



尝试一下 »

数组(Array)字面量 定义一个数组:
  1. [40, 100, 1, 5, 25, 10]
复制代码



对象(Object)字面量 定义一个对象:
  1. {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
复制代码



函数(Function)字面量 定义一个函数:
  1. function myFunction(a, b) { return a * b;}
复制代码





JavaScript 变量
在编程语言中,变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
  1. var x, length

  2. x = 5

  3. length = 6
复制代码



尝试一下 »

变量可以通过变量名访问。在指令式语言中,变量通常是可变的。字面量是一个恒定的值。

变量是一个名称。字面量是一个

JavaScript 操作符
JavaScript使用 算术运算符 来计算值:
  1. (5 + 6) * 10
复制代码



尝试一下 »

JavaScript使用赋值运算符给变量赋值:
  1. x = 5
  2. y = 6
  3. z = (x + y) * 10
复制代码



尝试一下 »

JavaScript语言有多种类型的运算符:
Type
实例
描述
赋值,算术和位运算符=  +  -  *  /在 JS 运算符中描述
条件,比较及逻辑运算符==  != <  > 在 JS 比较运算符中描述


JavaScript 语句
在 HTML 中,JavaScript 语句向浏览器发出的命令。
语句是用分号分隔:
  1. x = 5 + 6;
  2. y = x * 10;
复制代码





JavaScript 关键词
JavaScript 语句通常以关键词为开头。 var 关键词告诉浏览器创建一个新的变量:
  1. var x = 5 + 6;
  2. var y = x * 10;
复制代码






JavaScript 标识符
和其他任何编程语言一样,JavaScript 保留了一些标识符为自己所用。
JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。
JavaScript 标识符必须以字母、下划线(_)或美元符($)开始。
后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开标识符和数字)。
以下是 JavaScript 中最​​重要的保留字(按字母顺序):
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
[tr][/tr]
abstractelseinstanceofsuper
booleanenumintswitch
breakexportinterfacesynchronized
byteextendsletthis
casefalselongthrow
catchfinalnativethrows
charfinallynewtransient
classfloatnulltrue
constforpackagetry
continuefunctionprivatetypeof
debuggergotoprotectedvar
defaultifpublicvoid
deleteimplementsreturnvolatile
doimportshortwhile
doubleinstaticwith

JavaScript 注释
不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:
  1. // 我不会执行
复制代码




JavaScript 数据类型
JavaScript 有多种数据类型:数字,字符串,数组,对象等等:
  1. var length = 16;                                  // Number 通过数字字面量赋值
  2. var points = x * 10;                              // Number 通过表达式字面量赋值
  3. var lastName = "Johnson";                         // String 通过字符串字面量赋值
  4. var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
  5. var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
复制代码





数据类型的概念
编程语言中,数据类型是一个非常重要的内容。
为了可以操作变量,了解数据类型的概念非常重要。
如果没有使用数据类型,以下实例将无法执行:
  1. 16 + "Volvo"
复制代码



16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?
  1. "16Volvo"
复制代码



你可以在浏览器尝试执行以上代码查看效果。
在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数
JavaScript 语句可以写在函数内,函数可以重复引用:
引用一个函数 = 调用函数(执行函数内的语句)。
  1. function myFunction(a, b) {
  2.     return a * b;                                // 返回 a 乘于 b 的结果
  3. }
复制代码





JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementByIdgetElementbyID 是不同的。
同样,变量 myVariableMyVariable 也是不同的。

JavaScript 字符集
JavaScript 使用 Unicode 字符集。
Unicode 覆盖了所有的字符,包含标点等字符。
如需进一步了解,请学习我们的 完整 Unicode 参考手册

您知道吗?
JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|学IT网-在线学习IT知识,学习编程知识 ( 京ICP备17027470号-2

GMT+8, 2019-11-17 17:31 , Processed in 0.046232 second(s), 32 queries .

Powered by xueit.wang 1.0

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表