• 技术文章 >web前端 >js教程

    javascript变量的声明与命名规范总结

    长期闲置长期闲置2022-08-03 17:17:01原创155
    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了JavaScript的书写规则、变量的声明格式、变量的命名规则、及注意事项,变量的数据类型,数据类型的分类,空(null) 与 未定义(undefined)的用法,下面一起来看一下,希望对大家有帮助。

    【相关推荐:javascript视频教程web前端

    语法规则

    注释

    程序中添加注释可便于理解、解释程序的作用,增强代码的可读性,注释内容程序不会运行。

    变量的声明语法格式

    声明变量是使用系统关键字 var 来进行的,变量可以单独声明也可以同时声明多个,在声明时也可以给变量初始化(变量符值)

    举例:

    var name;         //声明一个变量
    var name, sex, age;  //同时声明多个变量,多个变量间用英文下的逗号隔开
    var name = "小强";   //一边声明一边赋值

    变量的声明(三种方式)

    变量使用前需要先声明;声明变量的关键字是:var;

    语法:var 变量名 = 变量值;

    先声明,再赋值

    var a; //变量的声明
    a = 10; //变量的赋值

    同时声明和赋值

    var a = 10; //变量的声明和赋值

    同时声明多个变量并赋值(注意:当声明多个变量和赋值时,变量之间用逗号隔开)

    var a = 10, b = 20; //多个变量的声明和赋值

    不声明,直接赋值(注意:这个是不规范的写法!)

    age = 18; //变量的赋值
    console.log( age ); //结果为20,浏览器能帮助识别,但是不规范,不推荐使用

    只声明,不赋值,此时默认undefined

    var name; //变量的声明
    console.log( name ); //undefined

    不声明也不赋值,直接使用

    如果一个变量不声明也不赋值,直接使用,此时会报错,name is not defined,因为这个name变量压根不存在。 注意:从报错哪一行开始,之后的代码是不会执行的!

    console.log( '我是第一行代码' ); //正常显示
    console.log( name ); //报错
    console.log( '我是第二行代码' ); //不显示不执行

    变量的命名规则

    变量的数据类型

    变量是有数据类型的,JavaScript 是一种弱类型或者说动态语言,这就代表不用提前声明变量的类型,在代码运行时,变量的数据类型是由 JS引擎 根据 变量 = (等号)右边的变量值的数据类型来判断的。同时也意味着相同的变量可用作不同的类型这个类型来源于"变量的值"

    换句话说:值是什么类型的,变量就是什么类型的。

    变量的数据类型,分两大类

    基本数据类型:

    数值型、字符型、布尔型、未定义型、空型。很显著的特点:一个变量名只能存一个值。

    var a = 10;
    var b = 'string';
    var c = false;
    var d = undefined;
    var e = null;

    复合数据类型

    数组、对象、函数,显著的特点:一个变量名,可能存多个值。

    var arr = [10,20,30,40];//数组
    var today = new Date();//对象
    //函数
    function myFunction(){
    	console.log('函数');
    }

    数值型:能进行数学运算的变量

    数值型包括:整型、浮点型、NaN(表示不是一个数值)。

    var a = 999;// 整型
    var b = 0.9;// 浮点型
    var c = NaN;// NaN

    数值型中一个很特殊的值 NaN,NaN(not a number) 不是一个数字;当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个 NaN 的值;NaN 本身是一个 Number 数值型的变量。

    字符型

    用单引号或双引号,引起来的一个字串。

    var a = "我是一个字符串";
    var b = '我也是一个字符串';
    var c = "";

    注意:

    布尔型

    布尔型又称逻辑型。只有两个值:true(真)、false(假)。

    布尔型只有两个状态。如:性别、婚否、灯的开关等。

    布尔型常用if条件判断语句中

    var a = true;
    var b = false;

    未定义型 undefined

    当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined

    当一个对象的属性不存在,也返回未定义型。

    var a;//定义了变量但未赋值
    console.log(a) // undefined
    
    // 定义了一个对象
    var obj = {
    	uname: '品如',
    	info: '你好骚啊!',
    	age: 20
    }
    var test = obj.gender
    console.log(test) // undefined

    空型 null

    当一个对象不存在时,将返回空型,空型的值只有一个null。

    也可以理解为:是一个对象的占位符。

    如果想清除一个变量的值的话,可以给赋一个null的值。

    var a = 100;
    var a = null ;  //将一个null赋给一个变量,用于清除它的值

    【相关推荐:javascript视频教程web前端

    以上就是javascript变量的声明与命名规范总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:实例代码详细介绍JavaScript中的输出数据多种方式 下一篇:一起聊聊JavaScript运算符
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• javascript构造方法的缺点是什么• split方法在javascript中怎么用• 什么叫渐进式javascript• dom对象是javascript对象吗• 一文了解JavaScript栈
    1/1

    PHP中文网