JavaScript声明变量和数据类型的转换


Posted in Javascript onApril 12, 2022

1.声明

使用变量之前务必通过关键字var进行声明。当一个变量仅是声明而未赋值时,变量初始值为undefined

var age
console.log(age)

JavaScript声明变量和数据类型的转换

2. 命名规范

  • ①可以是数字、字母、下划线、$;
  • ②不能以数字开头;
  • ③不能是关键字、保留字。

3.变量声明的提升

age=10
console.log(age)
var age

上述代码仍可以正常运行,这是因为:各大浏览器厂商都有属于自己的解析器,在翻译代码时,会将变量的声明部分提升到当前区域的最上方。

4.数据类型的判断

在JS中,我们利用关键字typeof来检测任意类型的字面量或者变量存储数据的类型。

console.log(typeof 123)
console.log(typeof '123')

JavaScript声明变量和数据类型的转换

5.数据类型的转换

  • ①当语句中没有出现字符串,则加号(+)就是数学的加法,可进行数学的加法运算。
  • ②如果语句中出现了字符串,则加号(+)就不再是数学的加法了,而是连字符,可将数字连接成字符串。

JavaScript声明变量和数据类型的转换

6.将字符串转换为数字

在JS中,我们可以通过内置函数parseIntparseFloat将字符串转换为数字。

  • ①parseInt:可以将字符串中的数字形式字符转换为数字。(整数部分)
  • ②parseFloat:可以将字符串中数字形式的字符转换为数字。(精确到小数部分)
console.log(parseInt("123"))
console.log(parseInt("123.123"))
console.log(parseFloat("123.123"))

JavaScript声明变量和数据类型的转换

7.变量的其他声明方式

可以在声明时赋值:

var age = 18,name = '张三'

8.数学对象

在JS语言中,提供了一个内置的数学对象(Math),这个对象拥有很多的属性和方法可供使用。

console.log(typeof Math)
console.log(Math)

JavaScript声明变量和数据类型的转换

 上图中不带有f的为属性,带有f的为方法。

②Math对象的属性后面不需要加上小括号,方法后面需要紧跟小括号。

console.log(Math.PI)
console.log(Math.abs(-1))
console.log(Math.pow(2,3))

JavaScript声明变量和数据类型的转换

到此这篇关于JavaScript变量和变换详情的文章就介绍到这了!

Javascript 相关文章推荐
表单提交验证类
Jul 14 Javascript
Script的加载方法小结
Jan 12 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
Dec 16 Javascript
Vuex的actions属性的具体使用
Apr 14 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 Javascript
小程序实现tab标签页
Nov 16 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
使用Ajax实现无刷新上传文件
Apr 12 #Javascript
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
vue选项卡切换的实现案例
分享一个vue实现的记事本功能案例
vue代码分块和懒加载非必要资源文件
Apr 11 #Vue.js
vue打包时去掉所有的console.log
三种方式清除vue路由跳转router-link的历史记录
Apr 10 #Vue.js
You might like
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
Python入门篇之文件
2014/10/20 Python
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
python中可以声明变量类型吗
2020/06/18 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
介绍一下write命令
2014/08/10 面试题
2013年大学生的自我鉴定
2013/10/24 职场文书
搞笑获奖感言
2014/01/30 职场文书
党员批评与自我批评发言稿
2014/10/14 职场文书
2015年医德医风工作总结
2015/04/02 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
初中数学教学随笔
2015/08/15 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python