JavaScript变量和变换详情

目录
  • 1.声明
  • 2. 命名规范
  • 3.变量声明的提升
  • 4.数据类型的判断
  • 5.数据类型的转换
  • 6.将字符串转换为数字
  • 7.变量的其他声明方式
  • 8.数学对象

1.声明

使用变量之前务必通过关键字var进行声明。当一个变量仅是声明而未赋值时，变量初始值为undefined。

var age
console.log(age)

2. 命名规范

  • ①可以是数字、字母、下划线、$；
  • ②不能以数字开头；
  • ③不能是关键字、保留字。

3.变量声明的提升

age=10
console.log(age)
var age

上述代码仍可以正常运行，这是因为：各大浏览器厂商都有属于自己的解析器，在翻译代码时，会将变量的声明部分提升到当前区域的最上方。

4.数据类型的判断

在JS中，我们利用关键字typeof来检测任意类型的字面量或者变量存储数据的类型。

console.log(typeof 123)
console.log(typeof '123')

5.数据类型的转换

  • ①当语句中没有出现字符串，则加号(+)就是数学的加法，可进行数学的加法运算。
  • ②如果语句中出现了字符串，则加号(+)就不再是数学的加法了，而是连字符，可将数字连接成字符串。

6.将字符串转换为数字

在JS中，我们可以通过内置函数parseInt和parseFloat将字符串转换为数字。

  • ①parseInt：可以将字符串中的数字形式字符转换为数字。(整数部分)
  • ②parseFloat：可以将字符串中数字形式的字符转换为数字。(精确到小数部分)
console.log(parseInt("123"))
console.log(parseInt("123.123"))
console.log(parseFloat("123.123"))

7.变量的其他声明方式

可以在声明时赋值：

var age = 18,name = '张三'

8.数学对象

在JS语言中，提供了一个内置的数学对象(Math)，这个对象拥有很多的属性和方法可供使用。

console.log(typeof Math)
console.log(Math)

上图中不带有f的为属性，带有f的为方法。

②Math对象的属性后面不需要加上小括号，方法后面需要紧跟小括号。

console.log(Math.PI)
console.log(Math.abs(-1))
console.log(Math.pow(2,3))

到此这篇关于JavaScript变量和变换详情的文章就介绍到这了,更多相关JavaScript变量和变换内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript中变量的作用域详解

    JavaScript中变量的作用域详解

    一.变量的分类 在JavaScript中变量分为两种: 全局变量 局部变量 二.变量的作用域 1.局部变量的作用域 局部变量:在函数内部定义的变量称为局部变量,其作用域为该函数内部,在该函数外部不能被访问.看下面的例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co

  • JavaScript中的变量声明你知道吗

    目录 变量 (一)var 1)关于var声明的变量的作用域 2)var声明提升(hoist) (二)let 1)与var不同,let声明的变量不会再作用域中被提升,这一现象被称为“暂时性死区” 2)全局声明 (三)Const 总结 变量 ECMAScript中,变量可以保存任何类型的数据(既可以是字符串也可以是数组也可以是别的……),也即“松散的”,变量只是一个用来区分的占位符,一共有var.const.let三个关键字用于声明变量(var在ECMAScrip所有版本可用,后两个只在ES6及以后

  • JavaScript高级程序设计之变量与作用域

    JavaScript高级程序设计之变量与作用域

    目录 1.原始值与引用值 2.instanceof 3.作用域 1.原始值与引用值 6种简单数据类型的值都是原始值, 原始值通过变量赋值给另一个变量时,会复制一个出一个新的值,两者相互独立. let num1 = 5 let num2 = num1 引用值通过变量赋值给另一个变量时,也会复制一个值,这个值其实是一个指针(引用),该指针指向的还是同一个对象. let obj1 = new Object() let obj2 = obj1 既然是指向同一个引用对象,那么给obj1添加属性,也会作用到

  • JavaScript中变量提升和函数提升实例详解

    js 执行 词法分析阶段:包括分析形参.分析变量声明.分析函数声明三个部分.通过词法分析将我们写的 js 代码转成可以执行的代码. 执行阶段 变量提升 只有声明被提升,初始化不会被提升 声明会被提升到当前作用域的顶端

  • JavaScript把局部变量变成全局变量的方法

    JavaScript把局部变量变成全局变量的方法

    首先我们要知道函数的自调用 函数的自调用--自调用函数 一次性的函数--声明的同时,直接调用了 例如: (function () { console.log("函数"); })(); 我们会看到浏览器直接打印 函数 两个字 页面加载后.这个自调用函数的代码就执行完了 使用形式 (function (形参) { })(实参); 注意 自调用构造函数的方式,分号一定要加上 那么如何把局部变量变成全局变量? 把局部变量给window就可以了 (function (win) { var num

  • 一起来了解JavaScript的变量作用域

    一起来了解JavaScript的变量作用域

    目录 1.变量作用域的分析 2.var关键字 3.let和const关键字 4.var.let和const的对比 总结 1.变量作用域的分析 首先,我们先研究一下JavaScript的变量作用域,研究作用域,我们不按照常规的文章那样解释概念,而是先给一个小demo,吊一下大家的胃口: var a = 1; var b = 2; function pomp(){ alert(a); alert(b); b = 2; alert(b); var a = 3; alert(a); } pomp();

  • JavaScript变量和变换详情

    JavaScript变量和变换详情

    目录 1.声明 2. 命名规范 3.变量声明的提升 4.数据类型的判断 5.数据类型的转换 6.将字符串转换为数字 7.变量的其他声明方式 8.数学对象 1.声明 使用变量之前务必通过关键字var进行声明.当一个变量仅是声明而未赋值时,变量初始值为undefined. var age console.log(age) 2. 命名规范 ①可以是数字.字母.下划线.$: ②不能以数字开头: ③不能是关键字.保留字. 3.变量声明的提升 age=10 console.log(age) var age

  • Javascript作用域与闭包详情

    目录 1.作用域 2.作用域链 3.词法作用域 5.闭包的应用 6.闭包的缺陷 7.高频闭包面试题 1.作用域 简单来说,作用域是指程序中定义变量的区域,它决定了当前执行代码对变量的访问权限 在ES5中,一般只有两种作用域类型: 全局作用域:全局作用域作为程序的最外层作用域,一直存在 函数作用域:函数作用域只有在函数被定义时才会被创建,包含在父级函数作用域或全局作用域中 说完概念,我们来看下面这段代码: var a = 100 function test(){ var b = a * 2 var

  • Javascript 解构赋值详情

    Javascript 解构赋值详情

    目录 1.数组解构 2.对象解构 3.不完全解构 4.用解构赋值实现变量交换 1.数组解构 let [a, b, c] = [1,2,3] console.log(a, b, c) // 1 2 3 除了数组,任何可迭代的对象都支持被解构, 例如字符串 let [first, second] = "he" console.log(first, second) // h e 2.对象解构 赋值右侧是对象,左侧是包含在花括号内逗号隔开的变量名 let {a, b, c} = {a:1, b

  • Javascript变量函数浅析

    一.变量 在javascript变量中可以存放两种类型的值:原始值和引用值. 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内. 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值. 在javascript中有5种基本类型:Undefined,Null,Boolean,Number,String. 引用类型其实就是对象,类似其他语言中类实例的概念. 复制代码 代码如下: var b = true; // 存储在栈上 var num = 20; //存储在栈上 var b

  • 理解JavaScript变量作用域更轻松

    JavaScript本身作为一门简单的语言,就其变量作用域问题一样令不少人头晕,这主要是因为JavaScript闭包的存在.本文不打算深入讲解JavaScript变量作用域问题(其实本人也没有能力能把这一话题讲的深入些),也不讲"闭包"话题,本文只讨论最实用的JavaScript作用域知识点. 一.JavaScript作用域分类 JavaScript就两种作用域:全局(window).函数级(function).函数级(function)不要理解为"块级(大括号{}级)&qu

  • java变量和javascript变量之间的传递示例

    最近在用jsp做一个网站,其间涉及到java变量和javascript变量之间的互换,虽然网上资料众多,但是众说纷纭,并且很多都是带有误导性,做了许多尝试,终于比较清楚的搞懂了这个问题.通俗一点来讲,就是说java代码是运行在服务器上的,返回的值只是静态的存在于页面,而javascript是脚本语言,是运行在客户端的!它们是两种完全不同的语言,变量不能直接进行交换,但是通过一定的方式,变量可以传递. java变量传递给javascript变量,这个比较简单,就是平时的普通方法就好: 复制代码 代

  • javascript变量声明实例分析

    本文实例讲述了javascript变量声明的方法.分享给大家供大家参考.具体分析如下: js中使用一个变量之前应当先声明.变量使用关键字var来声明. 如果未在var声明语句中给变量指定初始值,则该变量值为undefined. 不用在声明变量时指定变量类型,js变量可以是任意数据类型. 使用var语句重复声明变量是合法且无害的.如果重复声明带有初始化器,则就和简单的赋值语句没啥区别. 如果试图读取一个没有声明的变量,则js会报错.在ECMAScript5严格模式下,给一个没有声明的变量赋值也会报

  • javascript实现3D变换的立体圆圈实例

    javascript实现3D变换的立体圆圈实例

    本文实例讲述了javascript实现3D变换的立体圆圈.分享给大家供大家参考.具体如下: 这里使用javascript实现会变换的立体圆圈,在网页3D变化,变色的圆圈特效,网页上的3d圆圈特效.圆圈上的每一点的颜色并不一样,在黑色的网页背景下更能看清楚. 运行效果如下图所示: 具体代码如下: <html> <head> <title>变色的圆圈</title> <style type="text/css"> <!--

  • javascript实现点击后变换按钮显示文字的方法

    本文实例讲述了javascript实现点击后变换按钮显示文字的方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>显示一些按钮,如果点击了, 当前点击的按钮文本变为"点了",其他按钮文本变为"没点"</title> <script type="text/javascript

  • 浅谈JavaScript变量的自动转换和语句

    JS自动类型转换 var a = 1; var b = true; "==" 表示 可以自动类型转换,比较的是数值  "===" 表示可以自动类型转换,先比较数值,再比较类型 if (a == b) { alert("相等"); //打印 }else{ alert("不等"); } 三目运算 var c = 10/2 > 4 ? 5 : 3 ; alert(c); 关于for循环 for ( var i = 0; i &

随机推荐