• 售前

  • 售后

热门帖子
入门百科

一篇文章带你搞懂JavaScript的变量与数据范例

[复制链接]
东未红 显示全部楼层 发表于 2022-1-8 04:48:49 |阅读模式 打印 上一主题 下一主题
目录


  • 媒介:
  • 温馨提示:

    • 变量

      • 1.声明
      • 2.赋值
      • 3.二个语法小细节

    • 变量的命名规范
    • 为什么必要数据范例?
    • 简单数据范例(根本数据范例)

      • 数字型

    • 字符串型 String
    • 什么是数据范例的转换

      • 1.转换为字符串
      • 2.转换为数字型(重点)
      • 转化为布尔型


  • 总结

媒介:

我不是搞前端,而是搞后端的。本命编程语言是java。学习js的嘛,因为看到室友能做出动态网页,而我只能做出静态网页,再加上下个学期要学所以提前来学习学习。

温馨提示:

java和javsScript没有半毛钱关系,只是javaScript被SUN公司收购后,把改成jaaScript,第一是因为SUN的主打产物是java,第二是利用java的知名度去javaScript做广告,扩大javaScript的影响力。
接下来就分享今日的干货

变量

什么是变量?
我们必要用编程语言行止理现实生活中的各种数据,而各种数据又是存储在哪里的呢?答案就是变量,变量不是什么高大尚的东西,它就是一个装东西的盒子把它说塑料袋也不为过。变量的本质就是在内存中开发一块存放数据的空间。类似的我们旅馆的房间,一个房间就可以看做一个变量。
变量的使用
变量使用时分为两个步骤,1.声明变量,2.赋值。我们还是用同样的头脑去明白这两个步骤,有一天我来一家旅馆,我向老板说要开一间单人房,当我付钱后,老板给我房卡,这就意味着我在某一个期限内,可以入住那个房间。(我付钱,老板给卡,相当于声明),我入住之后,空房间有人了相当于赋值。
接下来看看JS中的变量的使用

1.声明
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title></title>
  6.                 <script>
  7.                 var age;
  8.                 </script>
  9.         </head>
  10.         <body>
  11.         </body>
  12. </html>
复制代码

  • var 是js的一个关键字,用来声明变量(variable变量的意思),使用该关键字声明变量后,盘算机自动为变量分配内存空间
  • age程序员定义的变量名,我们要通过变量名来访问内存中分配的空间

2.赋值
  1. var age=19; //给age这个变量赋值为19
复制代码

  • =用来把右边的值给左边的变量空间,这就是赋值
  • 变量值是程序员生存到空间变量里的值

3.二个语法小细节

更新变量:一个变量被重新赋值后,它原来的值就会被覆盖,变量值以末了一次赋的值为准
  1. var age=18;
  2. age=19;//最后的结果为19.因为18被19覆盖了
复制代码
同时声明多个变量:只需写一个var ,然后变量名之间用英文逗号隔开
  1. var age,number,average;
复制代码
声明变量的特殊环境
特殊一
  1.                 var sex;只声明,不赋值,程序也不知道是啥,所以结果是 undefined (未定义的)
  2.                 console.log(sex);
复制代码
特殊二
  1.         console.log(sex); 不赋值,不声明,直接使用某个变量会报错
复制代码
特殊三
  1. qq=90;
  2. console.log(qq); 不声明直接赋值直接用,不会报错!!!
  3. 这就很离谱,但是在javaScript就是对的,因为它太自由了。
复制代码
变量的命名规范


  • 有字母(AZ,az),下划线_,美元符号$构成,如userName
  • 严格区分巨细写。var app;和var App;是两个变量
  • 不能以数字开头,如12age则是错误的
  • 不能是关键字,保留字,例如:var ,for ,while.
  • 变量名必须有意义,要做到见名知意
  • 依照驼峰命名法:首字母大写,反面的单词首字母必要大写。如:myName
  • 保举翻译网站:有道,或者直接百度

为什么必要数据范例?

编程语言是用来处置惩罚现实生活中的标题,我们在现实世界中要处置惩罚各种各样的数据,此中就有整数,小数,笔墨等等,对应的在编程语言也有整数,浮点数,字符。在盘算机中差别范例的数据所占的储存空间也是不一样的,为了方便把数据分为所需内存巨细差别的数据,充实的利用储存空间,于是就定义了差别的数据范例。简单的来说,数据范例就是数据的类别型号,就是对数据分类。如姓名,“叶秋涵”,年岁18,这些数据的范例的就是不一样的。
变量的数据范例
变量是用来储存值的地点处,它们都有其名字和范例,变量的数据范例决定了如何将代表这些值的位储存到盘算机的内存中,javaScript是一种弱范例或者说动态语言,这意味着不消提前声明变量的
范例,程序在实行过程中会自动。
  1. var age=10;          //这是一个数字型
  2. var name='叶秋涵';      //这是一个字符串
复制代码
在代码的运行过程中,变量的数据范例是由js引擎根据=右边变量值的数据范例来判定的,运行完毕之后,变量就确定了数据范例
js拥有动态范例,同时意味着类似的变量可以作差别的范例
  1. var x=6;      //x为数字
  2. var x='哔哩哔哩';  //x为字符串
复制代码
简单数据范例(根本数据范例)

js中的简单数据范例及其说明
简单数据范例说明默认值Number数字型,包罗整数值和浮点数值,如12,0.20220Boolean布尔值是范例,如true,false,等价于1和0falseString字符串范例,如"叶秋涵",留意在js中字符串都带引号“”Undefinedvar a; 声明变量a但是没有给值,此时a=undefinedundefinedNullvar a=null; 声明a变量为空值null
数字型

1.数字型进制
最常见的进制有二进制,八进制,十进制,十六进制
  1. //1.八进制数字序列范围0~7
  2. var num1=07; //对应十进制的7
  3. var num2=019; //对应十进制的19
  4. var num3=08  //对应十进制的8
  5. //2.十六进制数字序列范围:0~9以及A~F
  6. var num=0xA;
复制代码
现在我们只要记着,在js中八进制前面加0,十六进制前面加0x
2.数字型范围
js中数值的最大值和最小值
  1.         alert(Number.MAX_SAFE_INTEGER);//9007199254740991
  2.         alert(Number.MIN_VALUE);//5e-324
复制代码
3.数字型三个特殊值
  1.         alert(Infinity);//Infinity
  2.         alert(-Infinity);//-Infinity
  3.         alert(NaN);//NaN
复制代码

  • Infinity,代表无穷大,大于任何值
  • -infinity,代表无穷小,小于任何值
  • NaN, Not a number,代表一个非数值

字符串型 String

字符串型可以是引号中的任意文本,其语法是单引号**’&#39;和双引号""**
  1.                         var srtAge = '18';
  2.                         var strName = '叶秋涵';
  3.                         var srtFood = '我爱垃圾食品';
  4.                         //常见错误
  5.                         var srtNum2 = 11; //报错,没有引号,会被认为是js代码,但是js没有这些语法
复制代码
因为在HTML标签中里面的属性使用的是双引号,js这里我们更保举使用单引号
字符串引号嵌套
js可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,内单外双)
  1. var strMsy = '我是"程序员"萧寒';
  2.                         console.log(strMsy)
  3.                         var strMsy2 = "我是'程序员'萧寒";
  4.                         console.log(strMsy2);
  5.                         //常见错误
  6.                         var badQuotes = "What on earth?"';
  7.                         console.log(strMsy2);
复制代码
效果如下


字符串转义符
类似HTML里面的特殊字符,字符串中也有特殊字符,我们称为转义符
转义符都是由\开头,常用的转义字符及其说明如下
转义符解释说明\n换行符,n是newline的意思\ \斜杠\\ ’单引号\ *双引号\ttab缩进\b空格 ,b是blank的意思布尔型Boolean
布尔范例有两个值,true和false,此中true表示真,而false表示假
布尔型和数字型相加的时间,true的值为1,false的值为0
  1.                 console.log(true+1);//2
  2.                 console.log(false+0);//0
复制代码
Undefined和Null
一个声明后没有被赋值的变量会默认有一个默认值undefined(如果举行相加或者相连时,留意效果)
  1. var variable;
  2.                         console.log(variable);
  3.                         console.log('你好'+variable);
  4.                         console.log(11+variable);//+起连接作用
  5.                         console.log(true+variable);
复制代码
效果如下

​一个变量给null值,里面储存的值为空,就是啥也没有
  1.         var vari=null;
  2.                         console.log('你好'+vari);
  3.                         console.log(11+vari);
  4.                         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()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。
看看代码就明白了
  1.                 var age=12;
  2.                 console.log(age);
  3.                 //利用parseInt()将值转换为整数
  4.                 console.log(parseInt(age));
  5.                 console.log(parseInt('3.12'));//取整
  6.                 console.log(parseInt('3.89'));//取整
  7.                 console.log(parseInt('10px'));
  8.                 console.log(parseInt('rem120px'))//NaN
  9.                 //利用parseFloat()将值转换为整数
  10.                 console.log(parseFloat('3.14'));//3.14
  11.                 console.log(parseFloat('120px'));//120会去掉px这个单位
  12.                 console.log(parseFloat('rem102px'));//NaN js引擎读到rem的时候,无法识别,直接判为空
复制代码
(二)强制转换 Number()转换函数
  1.                 var str='123';
  2.                 console.log(Number(str));//123
  3.                 console.log(Number('12'));//12
复制代码
(三)js的隐形转换(- * /) 留意没有+,+起拼接作用
  1.                 console.log('12'-0);//12
  2.                 console.log('122'+1);//1221
  3.                 console.log('123'*123);//15129
  4.                 console.log('123'/123);//1
复制代码
转化为布尔型

方式说明案例Boolean()函数别的范例转换为布尔值Boolean(‘true’)

  • 代表空,否定的值会被转换为false,如’’,0,NaN,null,undefined
  • 别的值都会转换为true
  1.                 console.log('');//false
  2.                 console.log(0);//false
  3.                 console.log(NaN);//false
  4.                 console.log(null);//false
  5.                 console.log(undefined);//false
  6.                 console.log('小白');//true
  7.                 console.log(12);//true
复制代码
总结

本篇文章就到这里了,希望可以大概给你带来资助,也希望您可以大概多多关注草根技术分享的更多内容!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作