包看包会的变量与数据类型
文章目录
- 初识JavaScript(二)
- 前言:
- 温馨提示:
- 变量
- 什么是变量?
- 1.声明
- 2.赋值
- 变量的命名规范
- 为什么需要数据类型?
- 简单数据类型(基本数据类型)
- 数字型
- 数字型进制
- 2.数字型范围
- 3.数字型三个特殊值
- 字符串型 String
- 字符串转义符
- 布尔型Boolean
- 什么是数据类型的转换
- 1.转换为字符串
- 2.转换为数字型(重点)
- (一)利用js提供的函数
- (二)强制转换 Number()转换函数
- (三)js的隐形转换(- * /) **注意没有+,+起拼接作用**
- 转化为布尔型
- 结束语
初识JavaScript(二)
前言:
我不是搞前端,而是搞后端的。本命编程语言是java。学习js的嘛,因为看到室友能做出动态网页,而我只能做出静态网页,再加上下个学期要学所以提前来学习学习。
温馨提示:
java和javsScript没有半毛钱关系,只是javaScript被SUN公司收购后,把改成jaaScript,第一是因为SUN的主打产品是java,第二是利用java的知名度去javaScript做广告,扩大javaScript的影响力。
接下来就分享今日的干货
变量
什么是变量?
我们需要用编程语言去处理现实生活中的各种数据,而各种数据又是存储在哪里的呢?答案就是变量,变量不是什么高大尚的东西,它就是一个装东西的盒子把它说塑料袋也不为过。变量的本质就是在内存中开辟一块存放数据的空间。类似的我们酒店的房间,一个房间就可以看做一个变量。
变量的使用
变量使用时分为两个步骤,1.声明变量,2.赋值。我们还是用同样的思想去理解这两个步骤,有一天我来一家酒店,我向老板说要开一间单人房,当我付钱后,老板给我房卡,这就意味着我在某一个期限内,可以入住那个房间。(我付钱,老板给卡,相当于声明),我入住之后,空房间有人了相当于赋值。
接下来看看JS中的变量的使用
1.声明
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var age;</script></head><body></body>
</html>
var 是js的一个关键字,用来声明变量(variable变量的意思),使用该关键字声明变量后,计算机自动为变量分配内存空间
age程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
2.赋值
var age=19; //给age这个变量赋值为19
- =用来把右边的值给左边的变量空间,这就是赋值
- 变量值是程序员保存到空间变量里的值
3.二个语法小细节
更新变量:一个变量被重新赋值后,它原来的值就会被覆盖,变量值以最后一次赋的值为准
var age=18;
age=19;//最后的结果为19.因为18被19覆盖了
同时声明多个变量:只需写一个var ,然后变量名之间用英文逗号隔开
var age,number,average;
声明变量的特殊情况
特殊一
var sex;只声明,不赋值,程序也不知道是啥,所以结果是 undefined (未定义的)console.log(sex);
特殊二
console.log(sex); 不赋值,不声明,直接使用某个变量会报错
特殊三
qq=90; console.log(qq); 不声明直接赋值直接用,不会报错!!! 这就很离谱,但是在javaScript就是对的,因为它太自由了。
变量的命名规范
有字母(AZ,az),下划线_,美元符号$组成,如userName
严格区分大小写。var app;和var App;是两个变量
不能以数字开头,如12age则是错误的
不能是关键字,保留字,例如:var ,for ,while.
变量名必须有意义,要做到见名知意
遵循驼峰命名法:首字母大写,后面的单词首字母需要大写。如:myName
推荐翻译网站:有道,或者直接百度
为什么需要数据类型?
编程语言是用来处理现实生活中的问题,我们在现实世界中要处理各种各样的数据,其中就有整数,小数,文字等等,对应的在编程语言也有整数,浮点数,字符。在计算机中不同类型的数据所占的储存空间也是不一样的,为了方便把数据分为所需内存大小不同的数据,充分的利用储存空间,于是就定义了不同的数据类型。简单的来说,数据类型就是数据的类别型号,就是对数据分类。如姓名,“叶秋涵”,年龄18,这些数据的类型的就是不一样的。
变量的数据类型
变量是用来储存值的所在处,它们都有其名字和类型,变量的数据类型决定了如何将代表这些值的位储存到计算机的内存中,javaScript是一种弱类型或者说动态语言,这意味着不用提前声明变量的
类型,程序在执行过程中会自动。
var age=10; //这是一个数字型
var name='叶秋涵'; //这是一个字符串
在代码的运行过程中,变量的数据类型是由js引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型
js拥有动态类型,同时意味着相同的变量可以作不同的类型
var x=6; //x为数字
var x='哔哩哔哩'; //x为字符串
简单数据类型(基本数据类型)
js中的简单数据类型及其说明
简单数据类型 | 说明 | 默认值 |
---|---|---|
Number | 数字型,包括整数值和浮点数值,如12,0.2022 | 0 |
Boolean | 布尔值是类型,如true,false,等价于1和0 | false |
String | 字符串类型,如"叶秋涵",注意在js中字符串都带引号 | “” |
Undefined | var a; 声明变量a但是没有给值,此时a=undefined | undefined |
Null | var a=null; 声明a变量为空值 | null |
数字型
数字型进制
最常见的进制有二进制,八进制,十进制,十六进制
//1.八进制数字序列范围0~7
var num1=07; //对应十进制的7
var num2=019; //对应十进制的19
var num3=08 //对应十进制的8
//2.十六进制数字序列范围:0~9以及A~F
var num=0xA;
现在我们只要记住,在js中八进制前面加0,十六进制前面加0x
2.数字型范围
js中数值的最大值和最小值
alert(Number.MAX_SAFE_INTEGER);//9007199254740991alert(Number.MIN_VALUE);//5e-324
3.数字型三个特殊值
alert(Infinity);//Infinityalert(-Infinity);//-Infinityalert(NaN);//NaN
- Infinity,代表无穷大,大于任何值
- -infinity,代表无穷小,小于任何值
- NaN, Not a number,代表一个非数值
字符串型 String
字符串型可以是引号中的任意文本,其语法是单引号**’'和双引号""**
var srtAge = '18';var strName = '叶秋涵';var srtFood = '我爱垃圾食品';//常见错误var srtNum2 = 11; //报错,没有引号,会被认为是js代码,但是js没有这些语法
因为在HTML标签中里面的属性使用的是双引号,js这里我们更推荐使用单引号
字符串引号嵌套
js可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,内单外双)
var strMsy = '我是"程序员"萧寒';console.log(strMsy)var strMsy2 = "我是'程序员'萧寒";console.log(strMsy2);//常见错误var badQuotes = "What on earth?"';console.log(strMsy2);
结果如下
字符串转义符
类似HTML里面的特殊字符,字符串中也有特殊字符,我们称为转义符
转义符都是由\开头,常用的转义字符及其说明如下
转义符 | 解释说明 |
---|---|
\n | 换行符,n是newline的意思 |
\ \ | 斜杠\ |
\ ’ | 单引号 |
\ * | 双引号 |
\t | tab缩进 |
\b | 空格 ,b是blank的意思 |
布尔型Boolean
布尔类型有两个值,true和false,其中true表示真,而false表示假
布尔型和数字型相加的时候,true的值为1,false的值为0
console.log(true+1);//2console.log(false+0);//0
Undefined和Null
一个声明后没有被赋值的变量会默认有一个默认值undefined(如果进行相加或者相连时,注意结果)
var variable;console.log(variable);console.log('你好'+variable);console.log(11+variable);//+起连接作用console.log(true+variable);
结果如下
一个变量给null值,里面储存的值为空,就是啥也没有
var vari=null;console.log('你好'+vari);console.log(11+vari);console.log(true+vari);
结果如下
什么是数据类型的转换
使用表单,prompt获取过来的数据默认值是字符串类型,此时就不能进行简单的加法运算,而是需要转换变量的数据类型,简单来说,就是把一种数据类型转换成另一种数据类型。
三种常用的转换方式
- 转换为字符类型
- 转换为数字型、
- 转换为布尔型
1.转换为字符串
方式 | 说明 | 案例 |
---|---|---|
toString() | 转换为字符串 | var num=1; alert(num.toString()); |
String()强制转换 | 转换为字符串 | var num=1; alert(String(num)); |
加号拼接字符串 | 和字符串拼接的结果是字符串 | var num=1; alert(num+“我是字符串”); |
- toString()和String()使用放方式一样
- 三种转换方式,前面两种了解,第三种转换为常用,也成为隐形转换
2.转换为数字型(重点)
(一)利用js提供的函数
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。
看看代码就明白了
var age=12;console.log(age);//利用parseInt()将值转换为整数console.log(parseInt(age));console.log(parseInt('3.12'));//取整console.log(parseInt('3.89'));//取整console.log(parseInt('10px'));console.log(parseInt('rem120px'))//NaN//利用parseFloat()将值转换为整数console.log(parseFloat('3.14'));//3.14console.log(parseFloat('120px'));//120会去掉px这个单位console.log(parseFloat('rem102px'));//NaN js引擎读到rem的时候,无法识别,直接判为空
(二)强制转换 Number()转换函数
var str='123';console.log(Number(str));//123console.log(Number('12'));//12
(三)js的隐形转换(- * /) 注意没有+,+起拼接作用
console.log('12'-0);//12console.log('122'+1);//1221console.log('123'*123);//15129console.log('123'/123);//1
转化为布尔型
方式 | 说明 | 案例 |
---|---|---|
Boolean()函数 | 其它类型转换为布尔值 | Boolean(‘true’) |
- 代表空,否定的值会被转换为false,如’’,0,NaN,null,undefined
- 其余值都会转换为true
console.log('');//falseconsole.log(0);//falseconsole.log(NaN);//falseconsole.log(null);//falseconsole.log(undefined);//falseconsole.log('小白');//trueconsole.log(12);//true
结束语
如果所有人都祝你新年快乐,那我祝你遍历山歌仍觉人间值得,所得皆所愿,所行亦无憾。
包看包会的变量与数据类型相关推荐
- Java数据类型及变量作业_day02、Java变量与数据类型
02_Java变量与数据类型 第二章 变量与数据类型 变量 变量的概述 变量是指内存中的一个存储区域,该区域要有自己的名称(变量名).类型(数据类型),该区域的数据可以在同一数据类型的范围内不断变化值 ...
- pycharm 类型注释_学习Python第一步,变量与数据类型
Python是一门易学的面向对象的程序设计语言,可以轻易地完成界面.文件.封装等高阶需求,可移植性好,有非常多功能强大的库与包,如Numpy(数值计算).SciPy(数学.科学与工程计算).Matpl ...
- python基础总结---安装、语法、变量、数据类型、计算、语句、(1-3)
文章目录 1.python软件配置---jupyter notebook 1.把pip升级到最新版本 2. 安装Jupyter Notebook 3.jupyter notebook启动 2 pyth ...
- 【Python基础入门系列】第03天:Python 变量与数据类型
这篇文章我们学习 Python 变量与数据类型 Python 变量类型 变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间. 基于变量的数据类型,解释器会分配指定内存,并决定什么数据可 ...
- Java基础篇1——变量与数据类型
Java基础篇1--变量与数据类型 1.标识符命名规则 标识符以由大小写字母.数字.下划线(_)和美元符号($)组成,但是不能以数字开头. 大小写敏感 不能与Java语言的关键字重名 不能和Java类 ...
- java变量数据类型_java变量与数据类型
第二章 变量与数据类型 变量 变量的概述 变量是指内存中的一个存储区域,该区域要有自己的名称(变量名).类型(数据类型),该区域的数据可以在同一数据类型的范围内不断变化值. 每个变量都有自己的作用范围 ...
- Java基础---标志符、变量和数据类型
变量和数据类型 注释 单行注释:// 可以嵌套 多行注释:/* */ 不可以嵌套 文档注释 关键字 概念:java中被赋予了特殊含义和特殊功能的英文单词叫做关键字. 特点: 1.全是小写 2.标识符命 ...
- JavaScript 变量及数据类型
变量声明 常量 常量是始终不能被改变的数据.比如:数字123可以是常量,字符串"hello"也是一个常量 常量通常用来表示固定不变的量,比如圆周率,万有引力常量 变量 从字面上看, ...
- javascript基础系列:javascript中的变量和数据类型(一)
javascript基础系列:javascript中的变量和数据类型(一) 今天开始去重新系统温习一遍js基础,并作下记录 javascript是由三部分组成: ECMASCRIPT(ES): 描述了 ...
最新文章
- 这 23 道题,全世界的数学家花费 100 年时间,只解答了一半
- python代码计算矩形面积_学习资料Python语言基础知识笔记以及答案
- php伪静态教程,DedeCMS实现全站PHP伪静态
- 微型计算机显示器引线,微型计算机的显示器通常有两组引线,即分别是( )...
- Android 中 Activity 的生命周期
- [css] css中兼容ie浏览器的前缀是什么?
- Bootstrap3 插件的调用方式
- 一个开发周期为6个月的中小型软件开发项目成本预算大致表,不足之处请指点...
- 按键精灵基础插件介绍,值得收藏呀
- pytorch 计算模型的GFlops和total params的方法
- Scratch下载(各版本都可下载)
- 如何将py文件转化为exe
- Robot Framework Selenium UI自动化测试 --- 实战篇
- HTML+CSS+JQ实现图片轮播效果
- 计算机教育 专业知识,计算机教育
- 输入若干用户的用户名和密码
- 2021-12-21 数据库系统原理复习提纲(一)
- python esm构建ac自动机
- 所有的Python “爬虫“ 初学者,都应该看这篇文章!
- springboot参数转换Json格式化问题
热门文章
- CUDA11.4+VS2017+MATLAB2020a执行mexcuda遇到的问题及解决
- 银行软件性能测试,银行手机银行系统性能测试方案.pdf
- java毕业设计二手商品交易网站mp4Mybatis+系统+数据库+调试部署
- ps无法完成请求因为程序错误
- MSM8916 海信M9模块学习记录一:编译及烧录android5.1源码
- 云原生之使用Docker部署BookBrowser电子书浏览器
- 解决SSH连接超时的2个配置方法
- Android快速开关机
- 博思特POSITAL编码器OCD58-CA1212-B15V-H3P
- 基于华为云服务器Docker nginx安装和配置挂载