没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端JavascriptJavaScript语言入门篇-JavaScript 的基本语法介绍

JavaScript语言入门篇-JavaScript 的基本语法介绍

javascript

需积分: 5 1 下载量 200 浏览量 2024-05-23 12:09:56 上传评论收藏 383KB PDF 举报

温馨提示

试读

21页

JavaScript 是一种在网页浏览器中执行的脚本语言，广泛用于实现网页的动态效果和交互功能。本文对 JavaScript 的一些基本语法做简单的介绍。

资源推荐

资源详情

资源评论

JavaScript 语言入门篇-JavaScript 的基本语法介绍

1、语句

JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情

况下，每一行就是一个语句。

语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行

赋值语句。

var a = 1 + 3;

这条语句先用 var 命令，声明了变量 a，然后将 1 + 3 的运算结果赋值给变

量 a。

1 + 3 叫做表达式（expression），指一个为了得到返回值的计算式。语句

和表达式的区别在于，前者主要为了进行某种操作，一般情况下不需要返回

值；后者则是为了得到返回值，一定会返回一个值。凡是 JavaScript 语言

中预期为值的地方，都可以使用表达式。比如，赋值语句的等号右边，预期

是一个值，因此可以放置各种表达式。

语句以分号结尾，一个分号就表示一个语句结束。多个语句可以写在一行内。

var a = 1 + 3 ; var b = 'abc';

分号前面可以没有任何内容，JavaScript 引擎将其视为空语句。

;;;

上面的代码就表示 3 个空语句。

表达式不需要分号结尾。一旦在表达式后面添加分号，则 JavaScript 引擎

就将表达式视为语句，这样会产生一些没有任何意义的语句。

1 + 3;'abc';

上面两行语句只是单纯地产生一个值，并没有任何实际的意义。

2、变量

2.1、概念

变量是对“值”的具名引用。变量就是为“值”起名，然后引用这个名字，就等

同于引用这个值。变量的名字就是变量名。

var a = 1;

上面的代码先声明变量 a，然后在变量 a 与数值 1 之间建立引用关系，称为

将数值 1“赋值”给变量 a。以后，引用变量名 a 就会得到数值 1。最前面的

var，是变量声明命令。它表示通知解释引擎，要创建一个变量 a。

注意，JavaScript 的变量名区分大小写，A 和 a 是两个不同的变量。

变量的声明和赋值，是分开的两个步骤，上面的代码将它们合在了一起，实

际的步骤是下面这样。

var a;

a = 1;

如果只是声明变量而没有赋值，则该变量的值是 undefined。undefined 是

一个 JavaScript 关键字，表示“无定义”。

var a;

a // undefined

如果变量赋值的时候，忘了写 var 命令，这条语句也是有效的。

var a = 1;// 基本等同 a = 1;

但是，不写 var 的做法，不利于表达意图，而且容易不知不觉地创建全局变

量，所以建议总是使用 var 命令声明变量。

如果一个变量没有声明就直接使用，JavaScript 会报错，告诉你变量未定义。

x// ReferenceError: x is not defined

上面代码直接使用变量 x，系统就报错，告诉你变量 x 没有声明。

可以在同一条 var 命令中声明多个变量。

var a, b;

JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可

以随时更改类型。

var a = 1;

a = 'hello';

上面代码中，变量 a 起先被赋值为一个数值，后来又被重新赋值为一个字符

串。第二次赋值的时候，因为变量 a 已经存在，所以不需要使用 var 命令。

如果使用 var 重新声明一个已经存在的变量，是无效的。

var x = 1;var x;

x // 1

上面代码中，变量 x 声明了两次，第二次声明是无效的。

但是，如果第二次声明的时候还进行了赋值，则会覆盖掉前面的值。

var x = 1;var x = 2;// 等同于 var x = 1;var x;

x = 2;

2.2、变量提升

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后

再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提

升到代码的头部，这就叫做变量提升（hoisting）。

console.log(a);var a = 1;

上面代码首先使用 console.log 方法，在控制台（console）显示变量 a 的值。

这时变量 a 还没有声明和赋值，所以这是一种错误的做法，但是实际上不会

报错。因为存在变量提升，真正运行的是下面的代码。

var a;console.log(a);

a = 1;

最后的结果是显示 undefined，表示变量 a 已声明，但还未赋值。

3、标识符

标识符（identifier）指的是用来识别各种值的合法名称。最常见的标识符就

是变量名，以及后面要提到的函数名。JavaScript 语言的标识符对大小写敏

感，所以 a 和 A 是两个不同的标识符。

标识符有一套命名规则，不符合规则的就是非法标识符。JavaScript 引擎遇

到非法标识符，就会报错。

简单说，标识符命名规则如下。



第一个字符，可以是任意 Unicode 字母（包括英文字母和其他语言的字

母），以及美元符号（$）和下划线（_）。



第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可

以用数字 0-9。



下面这些都是合法的标识符。

arg0

_tmp

$elem

剩余20页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

icysmile131

粉丝: 3652
资源: 156

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

JavaScript语言入门篇-JavaScript 的基本语法介绍

javascript入门-基础语法笔记整理.md

JavaScript从入门到精通（第2版）( (美)Steve Suehring)中文pdf

JavaScript入门篇，JavaScript基础知识

JavaScript语言教程&案例&相关项目资源

21天学通javascript——PDF完整版下载.zip

21天学通JavaScript 源代码1(还有10章在源代码2文件)

21天学通JavaScript 源代码2（有一部分在源码1文件中）

Web前端开发第4季：JavaScript基础入门

Web前端学习笔记：HTML5+CSS3+JavaScript.pdf

JavaScript基础教程——入门必看篇

TypeScript入门实践-基础篇

温习Javascript基础语法之词法结构

再谈javascript面向对象编程

史上最全韩顺平传智播客PHP就业班视频，10月份全集

史上最全传智播客PHP就业班视频课，8月份视频

史上最全韩顺平传智播客PHP就业班视频，9月份全集

JavaScript极简入门教程（一）：基础篇

（全）传智播客PHP就业班视频完整课程

经典javascript手册

echarts-gl.min.js

传统节日端午节(5个页面) web前端网页制作 大学生期末大作业 html+css+js.rar

自主研发的软著申请代码文档整理输出工具

2023前端面试八股文.pdf

javascript网页设计期末作业 购物网站

javaWeb楠小弟自助图书系统项目，使用注解方式配合原生js、axios方式完成整个项目的开发，系统只适合在javaWeb阶段

基于JavaScript网红太空人表盘

jquery-3.7.0.min.js（jQuery下载）

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

web前端登陆注册界面（html+css+js）

最新资源

传统节日端午节(5个页面) web前端网页制作大学生期末大作业 html+css+js.rar

javascript网页设计期末作业购物网站