第二章 JavaScript 基本语法

2.1 标识符

所谓标识符,就是指给变量、函数、属性或函数的参数起名字。

标识符可以是按照下列格式规则组合起来的一或多个字符:

  • 第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )。
  • 其它字符可以是字母、下划线、美元符号或数字。
  • 按照惯例,ECMAScript 标识符采用驼峰命名法。
  • 标识符不能是关键字和保留字符。

关键字:
在这里插入图片描述

保留字符:
在这里插入图片描述

其他不建议使用标识:
在这里插入图片描述

2.2 常量和变量

程序执行过程中,其值不能被改变的称为常量,其值能被改变的称为变量。

2.2.1 常量

常量是指在程序运行过程中保持不变的数据。例如,123是数值型常量,"Javascript脚本"是字符型常量,True或False是布尔型常量等。在JavaScript脚本编程中,可直接输入这些常量值。

2.2.2 变量

变量是指程序中一个已经命名的存储单元,其主要作用就是为数据操作提供存放信息的容器。对于变量的使用,首先必须明确其命名规则、声明方法及其作用。

1)变量的命名

  • 必须以字母或下划线开头,中间可以是数字、字母或下划线
  • 不能包含空格、加号、减号等符号
  • 不能使用JavaScript中的关键字
  • 严格区分大小写

注:虽然JavaScript中变量可以任意命名,但是在实际编程时,最好使用便于记忆且有意义的变量名称,以增加程序的可读性。

2)变量的声明与赋值

在JavaScript中,使用变量前需要先对其进行生命。所有的JavaScript变量都由关键字var声明,语法格式如下:

var variable;

在声明变量的同时,也可以对其进行赋值,例如:

var variable = 1

声明变量时所遵循的规则如下:

  • 可以使用一个关键字var同时声明多个变量。如:var a,b,c; // a,b,c三个变量
  • 可以在声明变量的同时对其进行赋值,即初始化操作。
  • 如果只是声明了变量,并未对其赋值,则其值默认为undefined
  • var语句可以用作for循环for/in循环的一部分,这样就使循环变量的声明成为循环语法自身的一部分,使用起来比较方便。
  • 也可以使用var语句多次声明同一个变量。如果重复声明已经有一个初始值,那么此时就相当于对变量的重新赋值。
    给一个尚未声明的变量赋值时,JavaScript会自动用该变量名创建一个全局变量。在函数内部创建的通常是一个仅能在内部起作用的局部变量,而不是一个全局变量。要创建一个局部变量,不需要赋值给一个已经存在的局部变量,只需要使用var语句进行变量生命即可。

3)变量的作用域

变量的作用域(Scope)是指变量在程序中的有效范围。JavaScript中 根据作用域,变量可分为两种:全局变量局部变量

  • 全局变量:是指定义在所有函数之外,作用于整个脚本代码的变量;
  • 局部变量:是指定义在函数体内,作用于函数体的变量(函数的参数也是局部性的,只在函数内部作用)
<script>
var a;		//全局变量		
function main()
{
	a = "Hello";
	var b = "JavaScript";   //局部变量
	alert(a+b)
}
</script>

4)变量的生存期

变量的生存期是指变量在计算机中存在的有效时间。全局变量在主程序中定义,其有效范围从其定义开始,一直到本程序结束为止。局部变量在程序的函数中定义,其有效范围只在该函数之中,函数运行结束后,局部变量的生存期也就结束了。

2.3 数据类型

JavaScript中一共有5种基本数据类型:

  • 字符串型(String)
  • 数值型(Number)
  • 布尔型(Boolean)
  • undefined型(Undefined)
  • null型(Null)

这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型。

2.3.1 字符串型(String)

String用于表示一个字符序列,即字符串。字符串需要使用 单引号双引号 括起来。
转义字符:

转义字符含义转义字符含义
\n换行\\斜杠
\t制表\’单引号
\b空格\"双引号
\r回车\OOO八进制整数,范围为000~777
\f换页\xHHH十六进制整数,范围为00~FF
\v换行\uhhhh十六进制编码的Unicode字符

2.3.2 数值型(Number)

Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。

Number表示的数字大小是有限的,如果超过了这个范围,则会返回 ±Infinity。

  • 最大值:+1.7976931348623157e+308
  • 最小值:-1.7976931348623157e+308
  • 0以上的最小值:5e-324

特殊的数字:

  • Infinity:正无穷
  • Infinity:负无穷
  • NaN:非法数字(Not A Number)

其它的进制:

  • 二进制:0b 开头表示二进制,但是,并不是所有的浏览器都支持
  • 八进制:0 开头表示八进制
  • 十六进制:0x 开头表示十六进制

2.3.3 布尔型(Boolean)

布尔型也被称为逻辑值类型或者真假值类型。

布尔型只能够取真(true)和假(false)两种数值。除此以外, 其它的值都不被支持。

2.3.4 undefined型(Undefined)

Undefined 类型只有一个值,即特殊的 undefined。

在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined。

注意:使用typeof对没有初始化和没有声明的变量,会返回“undefined”。

2.3.5null型(Null)

Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null。

undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返
回true。

注意:从语义上看null表示的是一个空的对象,所以使用typeof检查null会返回一个Object。

2.4 运算符

运算符也叫操作符

2.4.1 算术运算符

运算符描述例子(y = 5)x 运算结果y 运算结果
+加法x=y+275
-减法x=y-235
*乘法x=y*2105
/除法x=y/22.55
%取模 (求余数)x=y%215
++自增x=++y ,x=y++6 , 56 ,6
自减x=–y ,x=y–4 ,54 ,4

2.4.2 比较运算符

比较运算符的基本操作过程:首先对两个操作数进行比较(可以是数值也可以是字符串),然后返回一个布尔值,即TrueFalse

运算符描述比较(x = 5)返回值
>大于x > 8False
<小于x < 8True
==等于x == 5True
>=大于或等于x >= 6False
<=小于或等于x <= 6True
!=不等于x != 6True
===绝对等于(值和类型均相等)x === “5”False
!==不绝对等于(值和类型有一个不相等,或两个都不相等)x !== “5”True

2.4.3 赋值运算符

运算符例子(x=10,y=5)等同于运算结果
=x=yx=5
+=x+=yx=x+yx=15
-=x-=yx=x-yx=5
*=x*=yx=x*yx=50
/=x/=yx=x/yx=2
%=x%=yx=x%yx=0

2.4.4 字符串运算符

运算符描述例子(a=“Hello”,b=“World”)运算结果
+连接字符串a+bHelloWorld
+=连接两个字符串,并将结果赋给第一个a += bHelloWorld

2.4.5 typeof 操作符

使用typeof操作符可以用来检查一个变量的数据类型
语法:

typeof 数据

例如:

console.log(typeof 123);
console.log(typeof "Hello,World!");
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);

运行结果:
在这里插入图片描述

2.4.6 new 运算符

通过new运算符可以创建一个新对象。
语法格式:

new constructor [(arguments)]

参数说明:
constructor:必选项,对象的构造函数。如果构造函数没有参数,则可以省略圆括号。
arguments:可选项,任意传递给新对象构造函数的参数。
例如:

object1 = new object;
Array2 = new Array();
Date3 new Date("August 8 2019");
  • 8
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: 《JavaScript DOM编程艺术》第二版是一本非常经典的前端开发书籍,由作者Jeremy Keith和Jeffrey Sambells合作编写而成。该书主要介绍了使用JavaScript和DOM技术进行网页开发的知识,涵盖了DOM操作、事件监听、表单验证、AJAX等内容。 本书首先讲解了DOM的基础知识,包括节点、元素、属性、文本等概念,并介绍了通过JavaScript对DOM进行操作的方法。然后,通过实例讲解了如何根据用户的交互行为来实现动态效果,如当用户点击某个按钮时改变网页的背景色等。 此外,本书还介绍了如何利用AJAX技术进行异步数据交互,比如通过JavaScript动态加载内容等。同时,本书也提供了一些工具和技巧来提高网页的性能和用户体验,比如浏览器兼容性、缓存、图片优化等。 总之,《JavaScript DOM编程艺术》第二版是一本前端开发必读的书籍,可以帮助读者全面掌握JavaScript和DOM技术,在开发网页时提高效率和质量。而PDF版本的书籍更方便读者随时随地学习,建议前端开发人员可以认真阅读和应用到实践中。 ### 回答2: 《JavaScript DOM编程艺术第二版》是一本深入浅出的JavaScript和DOM编程入门书籍,适合初学者学习。 该书共有18章,从JavaScript基础语法和DOM结构开始讲起,一步步引导读者学习Javascript与DOM编程。其中介绍了文档对象模型(DOM)的概念、DOM节点、节点属性与操作等重要知识点,并通过实例和练习帮助读者更好地理解如何使用DOM进行网页设计和开发。此外,书中还介绍了如何使用JavaScript制作动态网页、表单验证、浏览器兼容性问题等实用的开发技巧,为读者提供了丰富的编程经验。 书中使用简洁易懂的语言,结合大量实例和练习,让读者可以快速掌握JavaScript与DOM的核心概念和编程技巧。作者还在书中提供了很多实战案例,让读者可以将所学的知识应用到实际开发中,并且让读者更好地理解如何进行项目开发。 总之,《JavaScript DOM编程艺术第二版》是一本不可多得的优秀JavaScript与DOM编程入门教材,读者只需要具备基本的JavaScript和HTML/CSS知识,即可轻松掌握书中内容,快速提高前端开发能力。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丶极致

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值