JavaScript学习第一天

27 阅读2分钟

JavaScript学习第一天

1.js是什么?

答:是一种运行在客户端的编程语言,实现人机交互。

2.作用

答:网页特效,表单验证,数据交互,服务端编程(node.js)。

3.JavaScript的组成。

Image.png

●ECMAScript:规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等。

●Web APIs: 1.DOM:操作文档,比如对页面元素进行移动、大小、添加删除等操作。

2.BOM:操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等。

建议以后查相关资料上(mdn这个网站)。

4.js书写位置。

①内部js

Image.png

②外部js

Image.png

③内嵌js

Image.png

初学者建议使用第一种书写位置。

5.注释

Image.png

6.结束符

Image.png

7.输入输出语法

输出语法:①document.write('要输出的语句')

                 ②alert('要输出的语句')

                 ③console.log('控制台打印')

Image.png 输入语法:①promt('请输入你的语句')显示一个对话框

                 

8.字面量:是在计算机中描述事/物。

9.变量:(就是一个装东西的盒子)存储数据的容器。

9.1声明变量:语法:声明关键字、变量名

Image.png

9.2变量赋值  赋值号“=”

Image.png

9.3更新变量

Image.png

9.4变量命名规则与规范

Image.png

9.5变量关键字var和let的区别

Image.png

10.数组(可以存多个变量)

语法

Image.png

Image.png

11.常量

定义:使用const声明的变量称为“常量”

Image.png 变量的值是无法改变的

11.数据类型

1.①基本数据类型②引用数据类型

Image.png

数据类型-数字类型:所有类型的数字。

Image.png

Image.png

数据类型-字符串类型:通过单引号,双引号,或者反引号包裹的数据都叫字符串。(推荐使用单引号) 注意:输出语句加上引号就不是输出所赋给变量的值,而输出的仅仅是被引号包裹的东西。

Image.png

字符串拼接:字符串拼接 +

         口诀:数字相加 字符相连

Image.png

2.模板字符串

Image.png

Image.png

Image.png

3.数据类型-布尔类型

Image.png

4.检测数据类型 通过typeof关键字检测数据类型

Image.png

Image.png

5.类型转换

Image.png

隐式转换

隐式转换规则:+号两边只要有一个是字符串,都会把另外一个转成字符串。 除了+以外的算术运算符,都会把数字转成数字类型。 显式转换:自己可以写代码告诉系统该转成什么类型。

Image.png