JavaScript 基础教程JavaScript 简介JavaScript 用法JavaScript 输出JavaScript 语法JavaScript 语句JavaScript 注释JavaScript 变量JavaScript 数据类型JavaScript 对象JavaScript 函数JavaScript 作用域JavaScript 事件JavaScript 字符串JavaScript 运算符JavaScript 比较和逻辑运算符JavaScript if...else 语句JavaScript switch 语句JavaScript for 循环JavaScript while 循环JavaScript break 和 continue 语句JavaScript typeof, null, undefinedJavaScript 类型转换JavaScript 正则表达式JavaScript 错误throw try catchJavaScript 调试JavaScript 变量提升JavaScript 严格模式 (use strict)JavaScript 使用误区JavaScript 表单JavaScript 表单验证JavaScript 验证 APIJavaScript 保留关键字JavaScript JSONjavascript :void(0) 含义JavaScript 代码规范JavaScript 函数定义JavaScript 函数参数JavaScript 函数调用JavaScript 闭包JavaScript HTML DOMJavaScript DOM- 改变 HTMLJavaScript DOM - 改变 CSSJavaScript HTML DOM 事件JavaScript DOM EventListenerJavaScript DOM 元素(节点)JavaScript 对象类型JavaScript Number 对象JavaScript 字符串(String)对象JavaScript Date 对象JavaScript Array 对象JavaScript Boolean 对象JavaScript Math 对象JavaScript RegExp 对象JavaScript window 对象JavaScript window.screen 对象JavaScript window.location 对象JavaScript window.history 对象JavaScript window.navigator 对象JavaScript 弹窗JavaScript 计时事件JavaScript CookieJS中的if和switch该如何选择?JS优化多分支结构JS中的while和for循环该如何选择?JS优化循环结构JS输出杨辉三角JS定义字符串(3种方式)JS获取字符串长度JS字符串拼接/连接(3种方式)JS字符串查找(6种方法)JS截取字符串JS字符串替换replace()JS字符串大写小写转换JS字符串比较大小JS字符串和数组之间的转换JS给字符串添加HTML标签JS去除字符串前后空格JS Unicode编码和解码JS Base64编码和解码JS在接收表单数据时过滤特殊字符JS自定义编码和解码方案

JavaScript 语法

语法规则定义了语言结构,本章我们将学习 JavaScript 的基础语法


JavaScript 字面量

一般固定值称为字面量,如 3.1415926

数字(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, lengthx = 5
length = 6

变量可以通过变量名访问

在指令式语言中,变量通常是可变的

字面量是一个恒定的值

其实也可以这么理解:变量是一个名称 ,字面量是一个值


JavaScript 操作符

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

(5 + 6) * 10

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

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

JavaScript 有多种类型的运算符

类型范例
赋值,算术和位运算符=  +  -  *  /
条件,比较及逻辑运算符==  != <  >

JavaScript 语句

语句是用分号分隔

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


JavaScript 关键字

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

JavaScript 保留了一些关键字为自己所用

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

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

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

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

下表列出了 JavaScript 中最重要的保留字

abstractelseinstanceofsuper
booleanenumintswitch
breakexportinterfacesynchronized
byteextendsletthis
casefalselongthrow
catchfinalnativethrows
charfinallynewtransient
classfloatnulltrue
constforpackagetry
continuefunctionprivatetypeof
debuggergotoprotectedvar
defaultifpublicvoid
deleteimplementsreturnvolatile
doimportshortwhile
doubleinstaticwith

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"

双斜杠 // 后的内容将会被浏览器忽略

// 我不会执行


JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等

var length = 16;                // Number 通过数字字面量赋值 
var points = x * 10;           // Number 通过表达式字面量赋值
var lastName = "Johnson";      // String 通过字符串字面量赋值
var letters = ["A", "B", "C"]; // Array  通过数组字面量赋值
var person = {name:"lo", age:28}; // Object 通过对象字面量赋值


数据类型的概念

数据类型是一个非常重要的内容

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

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

16 + "Volvo"

16 加上 "Volvo" 是如何计算呢?

以上会产生一个错误还是输出以下结果呢 ?

"16Volvo"

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


JavaScript 函数

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

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

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


JavaScript 字母大小写

JavaScript 对大小写是敏感的

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

函数 getElementById 与 getElementbyID 是不同的

同样,变量 myVariable 与 MyVariable 也是不同的

JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)


JavaScript 字符集

JavaScript 使用 Unicode 字符集

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


链接: https://www.fly63.com/course/7_471