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 相关文章推荐
理解JavaScript变量作用域更轻松
Oct 25 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
JS动态生成年份和月份实例代码
Feb 04 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
一定要知道的 25 个 Vue 技巧
Nov 02 Vue.js
使用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
数据库的日期格式转换
2006/10/09 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
简单的JS多重继承示例
2008/03/13 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
javaScript如何生成xmlhttp
2013/12/16 Javascript
javascript实现一个简单的弹出窗
2016/02/22 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
Python面向对象之继承代码详解
2018/01/29 Python
在pandas多重索引multiIndex中选定指定索引的行方法
2018/11/16 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
维德科技C#面试题笔试题
2015/12/09 面试题
设备动力科岗位职责范本
2014/02/23 职场文书
电气工程自动化求职信
2014/03/14 职场文书
安全标语大全
2014/06/10 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
闪闪红星观后感
2015/06/08 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL