Javascript基础篇

变量

在这里插入图片描述

  • 控制台打印输出变量age的值
console.log(age);

变量基础知识

变量命名规范
在这里插入图片描述

变量的使用
在这里插入图片描述

  • prompt:输入框(显示输入内容)
  • alert:对话框(将内容弹出来显示)
    在这里插入图片描述
    ps:也可直接早alert里写要输出的内容,注意格式!
    更新变量
    在这里插入图片描述
    声明多个变量
    变量间用英文逗号隔开
    在这里插入图片描述
    声明变量的特殊情况
    在这里插入图片描述

变量的数据类型

判断方法

在这里插入图片描述

分类

在这里插入图片描述

  • 简单数据类型
    在这里插入图片描述
    数字型number
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述ps:NaN表示非数字型

  • isNaN():用来判断是否为非数字型
    在这里插入图片描述
    字符串型string
    ps:加了引号的值称为字符串类型
    在这里插入图片描述
    在这里插入图片描述
    例子:
    在这里插入图片描述
    字符串长度
    使用length属性判断
    在这里插入图片描述
    字符串拼接
    在这里插入图片描述
    (数值相加,字符相连)
    例子1:
    在这里插入图片描述
    例子2:
    在这里插入图片描述
    boolean和undefine型

  • Boolean型
    在这里插入图片描述

  • undefine型
    在这里插入图片描述

交互编程小案例

在这里插入图片描述
代码实现:
在这里插入图片描述

检测变量数据类型

-typeof
在这里插入图片描述
ps:在控制台显示蓝色为数字型,黑色为字符串型,undefined和null为浅灰色

字面量
在这里插入图片描述

数值类型转换

转为字符串

在这里插入图片描述

  • 数字型转字符串型:
    1.toString()
    在这里插入图片描述
    2.String()
var num = 10;
consloe.log(String(num));

3.利用+拼接
在这里插入图片描述

转为数字型

在这里插入图片描述
1.parseInt()
在这里插入图片描述
ps:数值是取整数部分
2.parseFloat()
用法和parseInt()一样
在这里插入图片描述
3.Number()
在这里插入图片描述
4.利用算术运算
在这里插入图片描述

转换成布尔值

Boolean():
在这里插入图片描述

计算年龄案例

题目:
在这里插入图片描述
思路:
在这里插入图片描述
代码:
在这里插入图片描述

简单加法器案例

题目:
在这里插入图片描述
思路:
在这里插入图片描述
ps:两个prompt的值相加结果会是字符串类型,所以要进行类型转换

例子:
在这里插入图片描述

小知识

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
这是我在《黑马程序员前端课程》记下的笔记,觉得挺也有用,希望你们看了也是!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值