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面向对象编程浅析
Aug 28 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
Sep 27 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 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单元测试phpunit入门实例教程
2017/11/17 PHP
PHP+redis实现的购物车单例类示例
2019/02/02 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
React.js入门学习第一篇
2016/03/30 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
简单的网页广告特效实例
2017/08/19 Javascript
Vue.js划分组件的方法
2017/10/29 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
微信小程序实现留言板
2018/10/31 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
跟老齐学Python之dict()的操作方法
2014/09/24 Python
python 排序算法总结及实例详解
2016/09/28 Python
python 格式化输出百分号的方法
2019/01/20 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
HTML5时代CSS设置漂亮字体取代图片
2014/09/04 HTML / CSS
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
学习张林森心得体会
2014/09/10 职场文书
股东合作协议书
2014/09/12 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
运动会广播稿200字
2015/08/19 职场文书
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android
Go语言特点及基本数据类型使用详解
2022/03/21 Golang