javaScript基础 (一) 数据类型以及转换数据类型

110 阅读2分钟

一 、输出和输入语法

常见的3种输出语法

  1. document.write("要输入的内容");

向body输出内容,如果输出的内容写的是标签,也会解析成网页元素,需要用``符号

  1. alert("要输出的内容");

弹出警告框输出里面的内容

  1. console.log(“ ”);

在控制台打印输出的语法,调试使用

输入语法

关键字: prompt("请输入你的名字");

弹出一个输入框

二、变量

变量是一个用来存储数据的容器。

1.声明变量

要使用变量,首先需要声明一个变量(关键字:let)

声明一个变量有两部分构成:关键字和变量名

语法: let: 变量名;

2.变量赋值

变量赋值是通过 “ = ” 号来给它赋值的, let = 18 ;

3.更新变量

变量赋值后,可以通过给它一个不同的值来更新它。类似于CSS的层叠性。

写法: let age = 18 ; age= 19; console.log(age); //次时的age已经等于19;

4.声明多个变量

声明多个变量用逗号分开

写法: let age = 18 ,uname='pink' ;

5.变量命名规则与规范

  • 起名要有意义
  • 不能用关键字
  • 只能用下划线,字母,数字,$组成,且数字不能开头
  • 字母严格区分大小写,例: Age 和 age 是不同的变量
  • 遵守小驼峰命名法:第一个字母小写后面单词首字母大写

三、数据类型★

数据类型分两大类分别为基本数据类型引用数据类型

1.基本数据类型

  • 数字型: number——包含正数,负数,小数
  • 字符串型:string ——包含单引号和双引号里面的数据
  • 布尔型:boolean——两个固定的值,真(true), 假 为(false)
  • 未定义型:undefined——只声明不赋值的情况下,就会出现这个值

注意点:

数据只声明不赋值的时候是返回undefined

不声明不赋值直接使用的话是报错

不声明只赋值,会输出结果,但是不提倡

  • 空类型: null—— 表示赋值了,但是内容为空。 //官方标准作为未创建的对象

2.引用数据类型

Object 对象

function 函数

array 数组

字符串的拼接★ 反引号``

内容拼接变量时候,用${}包住变量,写在``里面;

写法:我叫&{name},今年&{age}岁了 ;

检测数据类型★

通过typeof关键字来检测类型

写法:

let age=18;

console.log("typeof age"); // 输出的是number

四、数据转换

1.隐式转换

运算符被执行时,系统内部自动对数据类型进行转换,这种就叫隐式转换。

规则:+号两边只要有一个是字符串,就会把另外一个转成字符串。

其他运算符都可以进行隐式转换,把数据转换为数字型

例:console.log( ' 11' +11); // 输出1111

console.log(+'11' + 11) ;//输出22

小技巧:+号作为正号解析可以转换为Number

2.显式转换

转换为数字型

如果字符串类型里有非数字,转换失败时结果为NaN(即不是一个数字的意思)

Number(数据);

parseInt(数据);转换为整数, 只保留整数

parseFloat(数据);//可以保留小数

转换为字符型

String(数据);

变量名.toString();

写法:num1.toString();