一、JavaScript简介

JavaScript简称JS是一种运行在浏览器中的脚本语言它可以让网页变得更加动态、交互和有趣。

JS是网页开发的三大核心技术之一与HTML和CSS相辅相成。

HTML负责定义网页的内容CSS负责指定网页的布局而JS负责编写网页的行为。

通过JS可以实现以下功能

在网页上显示当前的日期和时间在用户点击按钮时弹出对话框在用户输入数据时进行验证和提示在用户滚动页面时改变网页的背景颜色在用户拖动元素时实现拖放效果在用户玩游戏时实现动画和音效等等

服务器端开发通过Node.js平台可以使用JS来编写服务器端的应用程序处理网络请求、数据库操作、文件操作等。

移动端开发通过React

Native框架可以使用JS来编写跨平台的移动应用程序运行在Android和iOS设备上。

桌面端开发通过Electron框架可以使用JS来编写桌面应用程序运行在Windows、Mac和Linux系统上。

机器学习通过TensorFlow.js库可以使用JS来编写机器学习的模型和算法实现人脸识别、图像分类、自然语言处理等功能。

从上面的介绍可以看出JS是一门非常有用和有趣的编程语言它可以让我们创造出各种各样的项目和产品。

在这篇文章中我将带你从零开始学习JS的基础知识并通过一些简单而有趣的例子来巩固学习效果。

二、变量和数据类型

变量是用来存储数据的容器可以给变量赋予不同类型的值例如数字、文本、布尔值等。

在JS中我们使用var、let或const关键字来声明变量例如

var

使用const声明一个名为z的常量并赋值为true注意var和let声明的变量可以被重新赋值而const声明的常量不能被重新赋值否则会报错。

例如

20;

不能修改z的值为false会报错在JS中有以下几种基本数据类型

3.14,

-5等。

String表示文本用单引号或双引号括起来例如Hello,

World’等。

Boolean表示逻辑值只有两个可能的值true或false。

Undefined表示未定义的值当一个变量被声明但没有赋值时它的默认值就是undefined。

Null表示空值当一个变量被赋值为null时它表示没有任何有效的数据。

除了基本数据类型外JS还有一种复杂数据类型Object。

对象是由多个属性和方法组成的集合每个属性都有一个名字和一个值每个方法都是一个函数。

可以使用大括号{}来创建对象并用冒号:分隔属性名和属性值用逗号,分隔不同的属性或方法。

例如

var

方法sayHello是一个函数console.log(Hello,

this.name);

注释是用来说明代码的意义或功能的文字它不会被执行只是为了方便阅读和理解代码。

在JS中可以使用两种方式来写注释

单行注释使用//开头后面跟着想要写的注释内容它只会影响当前行的代码。

例如

console.log(Hello);

这里也可以写注释但是console.log(Hello)会被执行多行注释使用/开头/结尾中间可以写多行的注释内容它会影响/和/之间的所有代码。

例如

console.log(World);

这一行会被执行因为它不在多行注释里面分号是用来结束一条语句的标志它告诉JS解释器这里是一条语句的结束。

在JS中我们可以选择性地使用分号因为JS解释器会自动在合适的地方添加分号。

但是为了避免一些潜在的错误和歧义建议在每条语句的末尾都加上分号。

例如

var

算术运算符是用来进行数学计算的符号例如加、减、乘、除等。

在JS中可以使用以下的算术运算符

var

b的值是HelloWorld自增用来将一个数值加1。

它可以放在变量前面或后面但是有不同的效果。

如果放在变量前面表示先加1再返回变量的值如果放在变量后面表示先返回变量的值再加1。

例如

var

j的值是11h的值是12因为先将h赋给j再加1算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符与Java运算符类似不再一一列举

五、表达式和语句

表达式表示一个值可以是一个字面量、一个变量、一个运算符或者一个函数调用。

例如

一个数字字面量表示10这个值

一个函数调用表示求n的平方根的结果语句表示一个动作可以是一个赋值、一个条件判断、一个循环、一个函数定义或者一个输出。

例如

var

一个输出语句将n的值输出到控制台在JS中可以使用分号来分隔不同的语句也可以使用换行来分隔不同的语句。

但是有些情况下必须使用分号来结束一条语句否则会导致错误或者意外的结果。

例如

var

这会导致语法错误因为JS解释器无法识别这是三条语句还是一条语句//

10;

这样就不会导致错误因为JS解释器会自动在换行处添加分号六、代码块和作用域

{}代码块用来将一组相关的语句组织在一起形成一个逻辑单元。

例如

else

这里会报错因为result在函数外部无效let块级变量用来声明在某个代码块内部有效的变量但是不会提升到代码块的顶部。

例如

{let

这是一个块级变量它只在if语句的代码块内部有效console.log(message);

这里会报错因为message在if语句的代码块外部无效const常量用来声明一个不可修改的变量它也是一个块级变量。

例如

const

这里会报错因为不能修改常量的值global全局变量用来声明在任何地方都有效的变量。

例如

name

这是一个全局变量它没有使用var、let或const关键字声明

console.log(name);

函数是JS中非常重要的一个概念它可以封装一段可重用的代码然后在不同的地方调用它从而简化代码和提高效率。

在JS中可以使用以下的方式来定义和调用函数

函数声明使用function关键字来声明一个函数给它一个名字和一组参数然后在大括号里面写上函数的代码块。

例如

function

}函数表达式使用var、let或const关键字来声明一个变量并将一个匿名函数赋给它然后在小括号里面写上函数的参数再在大括号里面写上函数的代码块。

例如

var

声明一个名为cube的变量并将一个匿名函数赋给它它接受一个参数nreturn

}箭头函数使用符号来定义一个简洁的函数表达式如果只有一个参数可以省略小括号如果只有一条语句可以省略大括号和return关键字。

例如

var

声明一个名为double的变量并将一个箭头函数赋给它它接受一个参数n并返回n的两倍函数调用使用函数名或者变量名加上小括号来调用一个函数并在小括号里面传入实际的参数值。

例如