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 相关文章推荐
用js实现预览待上传的本地图片
Mar 15 Javascript
JavaScript中实现块作用域的方法
Apr 01 Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 Javascript
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
JS Loading功能的简单实现
Nov 29 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
jQuery 无限级菜单的简单实例
Feb 21 Javascript
AngularJS轻松实现双击排序的功能
Aug 30 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
JavaScript 定时器详情
Nov 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
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
简单谈谈PHP中strlen 函数
2016/02/27 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
详解python进行mp3格式判断
2016/12/23 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
解决pycharm remote deployment 配置的问题
2019/06/27 Python
Django Celery异步任务队列的实现
2019/07/24 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
Python tkinter三种布局实例详解
2020/01/06 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
2020/03/13 Python
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
怎样创建、运行java程序
2014/08/01 面试题
中专生职业生涯规划书范文
2014/01/10 职场文书
大学校运会广播稿
2014/02/03 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
2016特色励志班级口号
2015/12/24 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
canvas绘制折线路径动画实现
2021/05/12 Javascript
如何理解Vue简单状态管理之store模式
2021/05/15 Vue.js