JavaScript入门笔记

[JavaScript 介绍](#JavaScript 介绍)

1.JavaScript书写位置

[1.1内部 js](#1.1内部 js)

[1.2外部 js](#1.2外部 js)

[1.1.1.number: 数字型](#1.1.1.number: 数字型)

[1.1.2.string: 字符串型](#1.1.2.string: 字符串型)

[1.1.3.boolean: 布尔型](#1.1.3.boolean: 布尔型)

[1.1.4.undefined: 未定义型](#1.1.4.undefined: 未定义型)

[1.1.4.null: 空类型](#1.1.4.null: 空类型)

JavaScript 介绍

1.JavaScript书写位置

1.1内部 js

直接写在 html 标签里,用 script 标签包住

我们约定 script 标签写在 </body> 标签上面

javascript 复制代码

<body>
    <!-- 先写前端页面 -->

    <!-- 内部 js -->
    <script>
        // alert 页面弹出警示框
        alert("..js..")
    </script>
</body>

1.2外部 js

代码写在以 .js 结尾的文件里, 通过 script 标签, 引入道 html 页面中

script 标签中间无需写代码, 否则会被忽略

javascript 复制代码

<body>
    <!-- 内部 js -->
    <!-- 通过 src 引入外部 .js 文件 -->
     <script src="my.js"></script>
</body>

2.输入和输出语法

语法1: 向 body 内输出内容

javascript 复制代码

document.write('我是 div 标签')
document.write('<h1>我是 h1 标签</h1>')

语法2: 页面弹出警告对话框

javascript 复制代码

alert('警告对话框')

语法3: 控制台输出

javascript 复制代码

console.log('控制台输出')

语法4: 输入对话框

javascript 复制代码

prompt('请输入您的年龄')

变量

1.变量是什么

变量是计算机存储数据的容器, 它使得计算机"有记忆"

2.变量基本使用

2.1变量的声明

javascript 复制代码

let 变量名

2.2变量的赋值

javascript 复制代码

let age
age = 18

javascript 复制代码

let age = 18

3.数组

javascript 复制代码

let arr = ['香蕉', '64', 'yes']

常量

使用 const 声明的变量称为常量, 声明的时候必须赋值

javascript 复制代码

const G = 1.2

数据类型

1.数据类型

js 是弱数据类型的语言

1.1基本数据类型

1.1.1.number: 数字型

弱类型语言, 不同类型数字不做区分

NaN 是 not a number 的缩写, 代表计算错误. NaN 是粘性的, 任何对 NaN 的操作都会返回 NaN

javascript 复制代码

console.log(NaN + 2)  //NaN

1.1.2.string: 字符串型

通过单引号 \ 双引号或反引号包裹的都叫字符串, 单引号和双引号没有本质上的区别

javascript 复制代码

let str = `反引号的内部可以使用"双引号"和'单引号'`

使用 + 拼接字符串

javascript 复制代码

let str = `使用 + 号可以` + `拼接字符串`

模板字符串

模板字符串用于拼接字符串和变量

语法:

`` (反引号)
拼接时用 ${} 包住变量

javascript 复制代码

let age = 18
let str = `我今年${age}岁了`

1.1.3.boolean: 布尔型

true false

除了 0 , 其余字符串都为真

除了空字符串, 其余字符串都为朕

1.1.4.undefined: 未定义型

只定义一个变量, 不进行赋值

undefined + 1 = NaN

1.1.4.null: 空类型

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

null 是一个尚未创建的对象

null + 1 = 1

1.2引用数据类型

object: 对象

2.检测数据类型

typeof 运算符支持两种语法形式

作为运算符: typeof x
函数形式: typeof(x)

javascript 复制代码

let age = 10
console.log(typeof age)

3.数据类型的转换

3.1.为什么要类型转换

JavaScript 是弱类型语言, 只有复制以后才知道变量属于哪种数据类型

使用表单 \ prompt 获取过来的数据默认是字符串类型的, 此时不能进行简单的加法运算

3.2.隐式转换

使用 + \ - \ * \ / 等运算符会进行数据类型转换

3.3.显示转换

转换为数字型:

Number (数据)

转成数字类型
如果字符串里有非数字, 转换失败时结果为 NaN , 即不是一个数字
NaN 也是 number 类型的数据, 代表非数字

parseInt (数据)

只保留整数

parseFloat (数据)

可以保留小数