JavaScript如何定义变量


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

本篇文章给大家详细介绍一下JavaScript定义变量的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

标识符命名规则

  1. 标识符的组成有字母、数字、## 标题下划线、$、变量名不能以数字开头
  2. 标识符不能使用内置关键字 if,for,break,var,let,等等
  3. 标识符应使用驼峰命名形式-变量名组成的单词首字母大写

1

var messageAsBoolean = "HHO";

定义变量

定义变量的方式

1

2

3

4

var message   = "qqqq";    

message       = "qqqq"  

let message   = "qqqq";

const message = "aaaaa";

var 定义变量会自动提升到顶部作用域,let定义的变量不会提升至首行

1

2

3

4

5

function a()

{

    console.log(a);   // 不会报错,a作用域会自动提升至顶行,内容为  undefined

    var a = "aaaaaa";

}

等同于:

1

2

3

4

5

6

function a()

{

    var a;

    console.log(a);

    a = "aaaaaa";

}

let 和 var 声明的变量作用域

?let 声明的变量的作用范围是块作用域

1

2

3

4

5

6

7

function fun()

{                               //函数块作用域的开始

    if(true){                   //if语句块作用域的开始

     

    }                           //if语句块作用域的结束

 

}                               //函数块作用域的结束

?var 声明的变量作用域为函数作用域

1

2

3

function fun(){                 //函数作用域的开始

 

}                               //函数作用域的结束

?全局声明方式

1

2

3

4

5

6

/* 1. 不使用 let、var等修饰,直接定义的变量 */

    message = "aaaaaaaa";

/* 2. 在全局变量区申请的变量 */

    var message = "aaaaaa";

    let message = "aaaaa";

/* 注: js 文件的开始部分,不在任何函数内 */

条件声明

?var 定义的变量会提升值函数的顶部,重复定义会被替换 */

1

2

3

4

5

6

7

8

function fun(){

    var name = "lili";

    if(true){

        var name = "hho";            //不会报错,代码类似name =  "hho";

        console.log(name);           //打印结果为hho

    }

    console.log(name);               //打印结果为hho

}

?let 定义的变量不会被提升至函数的顶部

1

2

3

4

5

6

7

8

function fun(){

    let name = "lili";

    if(true){

        let name = "hho";           //新定义变量name

        console.log(name);          // 打印结果为hho

    }

    console.log(name);              // 打印结果为lili

}

const 定义的变量

?定义的变量的属性和let相似,但是 const定义的变量值不可被修改

1

const name = "hho";                   //只可使用,不可修改name变量的值

?定义的变量的作用域为块作用域,和 let 相同

?const 定义变量必须初始化

1

const name;                           // 报错

【推荐学习:javascript高级教程

以上就是JavaScript如何定义变量的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript怎么将字符串转为日期类型

javascript定义变量写法

javascript获取日期的方法是什么

javascript如何实现json转数组

javascript怎么修改html内容

javascript怎么实现弹出窗口

如何使用js.map()方法(数组方法)

bootstrap请求javascript失败是怎么回事

使用js或css如何实现瀑布流布局,几种方案介绍

mac写javascript用什么软件

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...