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 26 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
vue-cli初始化项目中使用less的方法
Aug 09 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
JavaScript中遍历的十种方法总结
Dec 15 Javascript
vue postcss-px2rem 自适应布局
May 15 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
PHP 获取文件权限函数介绍
2013/07/11 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
jquery animate 动画效果使用说明
2009/11/04 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
2017/06/08 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
JavaScript 自定义html元素鼠标右键菜单功能
2019/12/02 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
python3+PyQt5自定义视图详解
2018/04/24 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
Python字典对象实现原理详解
2019/07/01 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
高级护理专业大学生求职信
2013/10/24 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
一份报关员的职业规划范文
2014/01/08 职场文书
2014年督导工作总结
2014/11/19 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
工作感言一句话
2015/08/01 职场文书
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技