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 相关文章推荐
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
微信小程序学习(4)-系统配置app.json详解
Jan 12 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
antd日期选择器禁止选择当天之前的时间操作
Oct 29 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模板页面中分页代码的解析
2009/02/06 PHP
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
var与Javascript变量隐式声明
2009/09/17 Javascript
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
Python金融数据可视化汇总
2017/11/17 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
Python笔记之facade模式
2019/11/20 Python
Python中的面向接口编程示例详解
2021/01/17 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
机关工会开展学习雷锋活动总结
2014/03/01 职场文书
施工安全承诺书
2014/05/22 职场文书
2014大学辅导员工作总结
2014/12/02 职场文书
西安兵马俑导游词
2015/02/02 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
爱护公物主题班会
2015/08/17 职场文书