最 最 最基础JS的初级学习!!!!!

321 阅读3分钟

1-初步了解一下什么是JS?

JS又称:JavaScript--是一门运行在客户端(浏览器)的编程语言,实现人机交互效果

2-JS的作用是什么?能做什么?

1-比如常见的网页特效

(监听用户的一些行为让网页做出对应的反馈)

2-表单验证

(针对表单数据的合法性进行判断)

3-数据交互

(获取后台的数据,渲染到前端)

4-服务端编程

(node.js)

3-JS的组成有什么

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

Web APIs :

DOM : 操作文档,比如对页面元素进行移动,大小,添加删除等功能

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

Snipaste_2022-05-08_20-01-08.png

4-JavaScript书写位置

CSS和JS一样都有三种书写方式

1-内部样式表

直接写在HTML文件里,用script标签包裹,写在/body结束标签上面(一般用于初学者练习)

      <script>
        alert('欢迎来到掘金')
      </script>
   </body>

2-外部样式表

一般代码写在以.js结尾的文件里

<body>
  <script src = "xx.js"></script>
</body>

3-行内样式表

代码写在html标签内部

<body>
  <button onclick="alert"('欢迎来到掘金')>按钮</button>
</body>

5-JavaScript注释

一共就两种注释方法

1-单行注释

符号 //

作用 : //右边的单行代码会被忽略注释掉

快捷键 : ctrl+/ (ps:看看快捷键有没有冲突的)

image.png 2-块注释

符号 /* */

作用 : 在//之间的所有内容都会呗忽略

快捷键 : shift + alt + A

image.png

6-JavaScript结束符

1-结束符

结束符一般就是写分号 ; 和不写 ; 的区别

为了风格统一 ,要写就全不都写,要么就都不写!每个人的习惯不同 ,但推荐还是以配合团队要求来使用

image.png

7- JavaScript输入输出的语法

首先要知道什么是语法

如何计算机打交道的规则约定,我们要按照这个规则去写,我们编程人员需要操控计算机,需要知道计算能读懂内容

最基础常见的JavaScript输出语法:

向body页面输出内容 document.write('要输出的内容')

网页弹出警告 alert('要输出的内容')

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

最基础常见的JavaScript输入语法:

对话框 prompt('请输入您的名字')

8-什么是字面量

在计算机科学中,字面量(literal)是在计算机中描述 事/物

还有接下来讲到的[]数组字面量 {}对象字面量 等等

9-变量是什么

说白了 变量就是一个装东西的盒子

通俗点就是 变量是计算机中用来储存数据的容器,它可以让计算机变得有记忆

注意:变量不是数据本身,它们不仅仅是一个储存数据得容器.可以理解为是一个歌用来装东西得纸箱子

变量得基本使用

声明变量:

语法 let 变量名 例如 let age

age 即变量得名称,也叫标识符

定义一个变量之后,你就能够初始化它(赋值),在变量名之后跟上一个"=" ,然后就是值. ps:是通过变量名来u获得变量里面得数据

一个声明多个变量

例如let age = 18, uname = '小白'

变量拓展:

数组(Array)是一种可以按顺序保存多个数据

let arr = ['数据1','数据2','数据3',...数据n]

元素 : 数组中保存得每个数据都叫数组元素

下标 : 数组中的数据的编号

长度 : 数组中的数据域的个数,通过数组的length属性获得

10-数据类型

JS两种基本的数据类型

基本数据类型

number 数字类型

string 字符串型

boolean 布尔型

undefined 未定义型

null 空类型

引用数据类型

object 对象

function 函数

array 数组