Javascript基础,看完你将吃透javascript(一)

目录

javascript介绍

书写位置

注释

输入语法

字面量

总结

变量(非常重要)

变量是什么

变量基本使用

变量的本质

变量的命名和规范

小结

数据

数据类型

数据转换

---

javascript介绍

                

书写位置

和CSS一样有三种书写方式

内部-外部-内联

内部直接写在</body>的上一行,用<script>包住

外部是也一样,用<script src./>引入

内联不重要

注释

;可以写可以不写,服从公司规定.

输入语法

有三个输出方式

document.write('要输入的内容')

这个是向body内输出内容

如果输出的内容写的是标签，也会被解析成网页元素

alert('要输出的内容')

警示栏-页面弹出警告对话框

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

有一个输入方式

prompt("请输入你的 姓名")

显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

字面量

字面量是在计算机中描述事/物

总结

1. JavaScript是什么？

JavaScript是一门编程语言，可以实现很多的网页交互效果。

2. JavaScript 书写位置?

内联 JavaScript

内部 JavaScript – 写到 </body> 标签上方

外部 JavaScript - 通过 src 引入html页面中，但是 <script> 标签不要写内容，否则会被忽略

3. JavaScript 的注释？

单行注释

//

多行注释

/* */

4. JavaScript 的结束符？

分号； 可以加也可以不加，可以按照团队约定

注意换行默认为结束符

5. JavaScript 输入输出语句？

输入： prompt()

输出： alert() document.write() console.log()

变量(非常重要)

变量是什么

理解变量是计算机储存数据的容器

变量不是数据本身,他不仅仅是存储数值的容器,可以理解为一个用来装东西的盒子

变量基本使用

要想使用变量,得先申明变量

let来声明变量

let空格 后面接变量名

let age

age是变量的名称 也叫标识符

变量赋值

变量的赋值就是let age = 12

let不允许多次声明同一变量

但是可以声明多个变量

例如 let sge = 12, uname = "YJJ"

逗号隔开

变量的本质

内存：计算机中存储数据的地方，相当于一个空间

变量：是程序在内存中申请的一块用来存放数据的小空间

变量的命名和规范

规则：必须遵守，不遵守报错

规范：建议，不遵守不会报错，但不符合业内通识

1. 规则：

不能用关键字 关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。例如：let、var、if、for等

只能用下划线、字母、数字、$组成，且数字不能开头

字母严格区分大小写，如 Age 和 age 是不同的变量

2. 规范：

起名要有意义

遵守小驼峰命名法

第一个单词首字母小写，后面每个单词首字母大写。例：userName;

小结

1. 为什么需要变量？

因为我们一些数据需要保存，所以需要变量

2. 变量是什么？

变量就是一个容器，用来存放数据的。方便我们以后使

用里面的数据

3. 变量的本质是什么?

变量是内存里的一块空间，用来存储数据。

4. 变量怎么使用的？

我们使用变量的时候，一定要声明变量，然后赋值

声明变量本质是去内存申请空间

数组的拓展

let 数组名 = [数据1,数据,数据,数据,数据,数据,数据,数据,数据,数据,]

用中括号取值

长度：数组中数据的个数，通过数组的length属性获得

下标：数组中数据的编号

元素：数组中保存的每个数据都叫数组元素

数据

数据类型

1.基本类型

有五大类

number 数字型

string 字符串

Boolean 布尔型

undefined 未定义型

null 空

string

通过单引号（ ''） 、双引号（ ""）或反引号( ` )包裹的数据都叫字符串，单引号和双引号没有本质上的区别，

推荐使用单引号

字符块模板

1.

作用

拼接字符串和变量

在没有它之前，要拼接变量比较麻烦

2.

符号

``

在英文输入模式下按键盘的tab键上方那个键（1左边那个键）

内容拼接变量时，用 ${} 包住变量

number

即我们数学中学习到的数字，可以是整数、小数、正数、负数。

布尔型 boolean

它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。

未定义型 undefined

未定义是比较特殊的类型，只有一个值 undefined。

什么情况出现未定义类型？

只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为

undefined。

空值 null

null 和 undefined 区别：

undefined 表示没有赋值

null 表示赋值了，但是内容为空

数据转换

JavaScript是弱数据类型： JavaScript也不知道变量到底属于那种数据类型，只有赋值了才清楚。

坑： 使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算

隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。

规则：

+ 号两边只要有一个是字符串，都会把另外一个转成字符串

除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型

缺点：

 转换类型不明确，靠经验才能总结

小技巧：

+号作为正号解析可以转换成Number

显式转换

编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。

为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

概念：

自己写代码告诉系统该转成什么类型

转换为数字型

Number(数据)

转成数字类型

如果字符串内容里有非数字，转换失败时结果为 NaN（Not a Number）即不是一个数字

NaN也是number类型的数据，代表非数字

parseInt(数据)

 只保留整数

parseFloat(数据)

 可以保留小数编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。

为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。

概念：

自己写代码告诉系统该转成什么类型

转换为字符型:

String(数据)

变量.toString(进制)