JavaScript入门笔记
目录
JavaScript 介绍
1.JavaScript书写位置
1.1内部 js
1.2外部 js
2.输入和输出语法
变量
1.变量是什么
2.变量基本使用
2.1变量的声明
2.2变量的赋值
3.数组
常量
数据类型
1.数据类型
1.1基本数据类型
1.1.1.number: 数字型
1.1.2.string: 字符串型
1.1.3.boolean: 布尔型
1.1.4.undefined: 未定义型
1.1.4.null: 空类型
1.2引用数据类型
2.检测数据类型
3.数据类型的转换
3.1.为什么要类型转换
3.2.隐式转换
3.3.显示转换
JavaScript 介绍
1.JavaScript书写位置
1.1内部 js
直接写在 html 标签里,用 script 标签包住
我们约定 script 标签写在 </body> 标签上面
<body>
<!-- 先写前端页面 -->
<!-- 内部 js -->
<script>
// alert 页面弹出警示框
alert("..js..")
</script>
</body>1.2外部 js
代码写在以 .js 结尾的文件里, 通过 script 标签, 引入道 html 页面中
script 标签中间无需写代码, 否则会被忽略
<body>
<!-- 内部 js -->
<!-- 通过 src 引入外部 .js 文件 -->
<script src="my.js"></script>
</body>2.输入和输出语法
语法1: 向 body 内输出内容
document.write('我是 div 标签')
document.write('<h1>我是 h1 标签</h1>')
语法2: 页面弹出警告对话框
alert('警告对话框')语法3: 控制台输出
console.log('控制台输出')语法4: 输入对话框
prompt('请输入您的年龄')
变量
1.变量是什么
变量是计算机存储数据的容器, 它使得计算机"有记忆"
2.变量基本使用
2.1变量的声明
let 变量名2.2变量的赋值
let age
age = 18let age = 183.数组
let arr = ['香蕉', '64', 'yes']常量
使用 const 声明的变量称为常量, 声明的时候必须赋值
const G = 1.2数据类型
1.数据类型
js 是弱数据类型的语言
1.1基本数据类型
1.1.1.number: 数字型
弱类型语言, 不同类型数字不做区分
NaN 是 not a number 的缩写, 代表计算错误. NaN 是粘性的, 任何对 NaN 的操作都会返回 NaN
console.log(NaN + 2) //NaN1.1.2.string: 字符串型
通过单引号 \ 双引号或反引号包裹的都叫字符串, 单引号和双引号没有本质上的区别
let str = `反引号的内部可以使用"双引号"和'单引号'`使用 + 拼接字符串
let str = `使用 + 号可以` + `拼接字符串`模板字符串
模板字符串用于拼接字符串和变量
语法:
-
`` (反引号)
-
拼接时用 ${} 包住变量
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)
let age = 10
console.log(typeof age)3.数据类型的转换
3.1.为什么要类型转换
JavaScript 是弱类型语言, 只有复制以后才知道变量属于哪种数据类型
使用表单 \ prompt 获取过来的数据默认是字符串类型的, 此时不能进行简单的加法运算
3.2.隐式转换
使用 + \ - \ * \ / 等运算符会进行数据类型转换
3.3.显示转换
转换为数字型:
Number (数据)
-
转成数字类型
-
如果字符串里有非数字, 转换失败时结果为 NaN , 即不是一个数字
-
NaN 也是 number 类型的数据, 代表非数字
parseInt (数据)
-
只保留整数
parseFloat (数据)
-
可以保留小数