Javascript基础知识（整理篇）第一天

文章目录

第一天 JavaScript入门之基础语法的使用

---

文章目录

• 系列文章目录
• 前言
• 一、javascript是什么？
• 二、javascript基础语法整合
  • 1.三种输出方式
  • 2.js的编写方法
  • 3.基础语法
• 总结

---

前言

javascript是前端学习中最重要的一门语言，可以说是拿下javascript，你的前端之旅会很顺利，由于之前学javascript有些已经忘记，刚好利用寒假时间，把基础补补，顺便记录一下自己的学习痕迹。一起加油吧！

---

一、JavaScript是什么？

按照我个人的理解，大一我们可能已经接触了网页设计，即html+css，但是只用它们只能实现一些可视化又不能真正可使用的页面，当我们写出了很好看的页面，想要点击按钮之类，发现用不了耶，好像就是写了个花瓶，可观不可用，这里javascript就出现了，javascript通俗来讲就是让页面活起来，我们可以通过它来实现我们对也页面活动的设想，当然JavaScript还需要找其他小伙伴合作才能打造出企业级的网站，这里我们先抓基础！

二、javascript基础知识整合

1.三种输出语句

1.1 向页面输出内容 document.write("")相当于

1.2 向控制台输出内容 console.log("")

1.3 弹出警告框 alert("")

2.js的编写方法

2.1 编写到onclik属性中，当点击按钮时，才会执行

   点我一下 

2.2 编写到超链接的href属性中，点击超链接执行

 点我一下

注意！！！以上两种方法虽然可以写在标签的属性中，但它们属于结构与行为耦合，不推荐使用

2.3 编写在标签里

2.4 通过新建一个 .js文件，然后通过引进需要使用的页面

例：

其中js/script.js 为js文件下的script.js文件（script.js就是新建的文件）

注意！！！该方法的好处：可以在不同的页面引用，也可以利用到浏览器的缓存机制【【推荐使用的方式】】

《 script标签一旦用于引入外部文件，其内部就不能再编写代码了，即使编写了浏览器也会自动忽略；；如果需要则重新新建一个标签用于编写内部的代码 》

3. 基础语法

注意：JS中严格区分大小写；JS中每一条语句以( ; )结尾【【如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，有些时候浏览器会加错分号，因此在开发中分号必须加；JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化】】

3.1 字面量和变量

字面量一般都是一些不可改变的量，如：123456； 字面量可以直接使用，但是我们一般不会直接使用字面量；

变量 变量可以用来保存字面量，而且变量的值可以任意改变的；变量更加方便了我们使用，所以在开发中都是通过变量去保存一个字面量，而很少使用字面量

注意：通过变量对字面量进行声明

例：

//声明一个变量，为变量赋值，使用变量

var a;

a = 123;

console.log(a);

//声明和赋值同时使用

var a = 123;

console.log(a);

3.2 标识符

注意; 标识符 在JS中所有可以由我们自主命名的都可以称为标识符； 例如： 变量名、函数名、属性名等都属于标识符

命名一个标识符时需要遵守如下规则：

1. 标识符中可以包含字母、数字、_ 、$

2. 标识符不能以数字开头

3. 标识符不能时ES中的关键字或保留字

4. 标识符一般采用驼峰命名法

JS底层保存标识符时实际上是采用Unicode编码，也就是utf-8中含有的

3.3 数据类型（字面量的类型）

在JS中一共有六种数据类型

String 字符串

Number 数值

Boolean 布尔值

Null 空值

Undefined 未定义

Object 对象

其中String Number Boolean Null Undefined属于基本数据类型，而Object属于引用数据类型

3.3.1 字符串

注意：字符串需要用引号引起来，使用双引号和单引号都可以【【其中同种引号不能嵌套使用，如果一定需要同种引号嵌套使用，可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义 （str = " 我说："今天天气不错！" "）】】

3.3.2 Number

注意：在JS中所有的数值都是Number类型，包括整数和浮点数（小数）

其中在使用过程中为区分变量是字符串还是Number可以使用语法 ：typeof 变量 [console.log ( typeof a)] 检查字符串时会返回string，检查Number会返回number

JS中表示数字的最大值 Number.MAX_VALUE

JS中表示数字的最小值 Number.MIN_VALUE(最小的正值)

3.3.3 Boolean

布尔值只有两个，主要用来做逻辑判断

ture 表示真

false 表示假

var bool = true

3.3.4 强制类型转换——String

将其他数据类型转换为String Number Boolean

方式一 调用a的toString()方法

a.toString();

该方法不会影响原变量，只会将转换的结果返回。但是值得注意：null和undefined这两个值没有toString()方法。如果调用则会报错。

方式二 调用String()函数，并将呗转换的数据作为参数传递给函数

a = String(a)

其中：对于Number和Boolean实际上是调用toString()方法，但是对于null和undefined，就不会调用toString()方法，而是直接将它们转化为字符串。（null 转化为 "null"）

3.3.5 强制类型转换——Number

1. 转换方式一

   调用Number()函数来将a转换为Number类型

var a = " 123 ";

a = Number( a );

注意！！！如果字符串是纯数字的可以直接转换，如果字符串有非数字的内容，则转换为NaN；若字符串是一个空格或是空格的字符串则转化为0； 若为布尔值，则true 转成 1， false 转成 0； null转成数字为0，undefined 转成数字为NaN。

   2. 转换方式二

专门用来转换字符串

parseInt()函数 可以将一个字符串的有效的整数内容取出来，然后转化为Number

parseFloat()函数 作用和parseInt()函数相似，不同的是它可以获取有效的小数。

注意！！！这两个函数都只能获取以数字开头的遇到非数字就不再输出

例如：123px123只输出 123

a123as1只输出 NaN

3.3.6 其他进制的数字

16进制 需要以0x开头

8进制 需要以0开头

2进制 需要0b开头（非所有浏览器支持）

3.3.7 转换为Boolean

使用Boolean()函数，除了0和NaN，其余都是true

---

总结

以上就是今天整理的内容，本文仅仅简单介绍了JavaScript基础语法的使用，只是我个人用来学习记录的，不喜勿喷哈！