js、变量、标识符、字面量、数据类型

最新推荐文章于 2025-07-26 11:28:18 发布

原创最新推荐文章于 2025-07-26 11:28:18 发布 · 834 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js 专栏收录该内容

30 篇文章

订阅专栏

本文详细介绍了JavaScript的基本概念，包括变量的定义与使用、数据类型的划分与转换、标识符的规范等核心内容，适合初学者入门。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、变量

javaScript中变量：javaScript中变量是松散的，这里松散意思是指可以用一个var 操作符来保存任何的类型的值

//定义一个变量
     var an = 12;     //数值型或者Number类型
     var str = "胖胖";  //字符串类型
     var bool = false;   //定义一个Boolean类型

//可以用一条语句定义多个变量
    var an = 12, str = "胖胖", bool = true;
    var nameString = "小明";   //这里定义的是一个字符串类型
    nameString = 12;       //这里把值改成Number类型
// ps: 这样是可以的，但是不建议这样做  如果中途改变数据类型，这样会提高维护成本

var an;  //会默认赋值为undefined
// var an = undefined;

//没有用var 操作符 而直接赋值的变量
    nameString = "小明";
    nameString;  //报错

var nameString = "小红";
var nameString = "小明";
alert(nameString);   //不建议重复定义一个变量

var nameString = "小明";
var nameString;
alert(nameString);   //打印小明

二、标识符

标识符：标识符是指变量名，函数名，属性名，参数名等  标识符由自己来定义
标识符的定义规则：
        1：标识符的第一个字符必须是字母，下划线，美元符号；
        2：但他其它的字符可以是字母，数字，下划线，美元符号；
        3：不能把关键字，保留字作为标识符，
                关键字就是现在已经被占用的词
                保留字就是以后可能会被占用的词
        4：javaScript中是区分大小写的
        5：javaScript中的命名规范，一般使用驼峰法来命名,要见名思义

var nameString = "小明";
//var 6nameString = "小明";   //报错  标识符的第一个字符必须是字母，下划线，美元符号；


var nameString$657567 = "小明";   //但他其它的字符可以是字母，数字，下划线，美元符号
alert(nameString$657567);


// var if = "小红";    //不能把关键字，保留字作为标识符，
// alert(if);
// var long = "小明";
// alert(long);  //这里可以，但是不建议，保留字以后可能会成为关键字



var an = "小明";   //javaScript中是区分大小写的
var An = "小红";


var userName = "小明";
alert(userName);

三、字面量

字面量：字面量就是一个值: 比如一个变量的值

var an = 5;      //数字字面量
// "小明"         //字符串字面量
// true/false    //boolean 字面量
// /\d+/         //正则表达式
// [14,89,65]    //数组字面量表达式
// {name:"小明",age:18,sex:"男"}   //对象字面量表达式

四、数据类型

5种基本类型(原始类型)
Number，String，Boolean，Undefined，Null
还有一个Object类型
function有时间，再写一篇

//typeof可以查看类型
// var num = 12;    //Number类型
// alert(typeof num);    //打印number;


// var str = "小明";
// alert(typeof str);    //打印string 字符串类型


// var bool = true;
// alert(typeof bool);   //打印boolean


// var defin;
// alert(typeof defin);  //打印Undefined  Undefined类型;


// var an = null;
// alert(typeof an);     //打印object

五、Null类型

//Null类型类型只有一个值，它的值就是null ，它指向一个空对象
var an = null;
//一般当我们不清楚变量存放的数据类型时  就可以给它赋值一个null;
//var an;   //不建议只声名不赋值

六、Undefined类型

//Undefined类型只有一个值，就是undefined;
var defin = undefined;
var defin;    //这里默认会赋值undefined


// alert(an);  //报错
// alert(typeof an);   //当页面没有定义变量  当用typeof查看类型时也不会报错，但会打印undefined


//undefined类型是派生自Null的  所以undefined等于null
var defin = undefined;
var an = null;
alert(an == defin);   //打印true

七、String类型

//字符串：可以是引号里的任意文本，在javaScript中可以是单引号 也可以是双引号
// var userName = "小明";
// var userSex = '男';


//字符串的拼接
// var str = "大家好";
// var str1 = "我是胖胖";
// var str2 = str + str1;

// var num = 10;
// var str = "大家好，我是第"+num+"个同学";

八、Number类型

Number类型：可以分为两大类
1：整数型：12 5 9 7 52
2：浮点型：1.2 59 6.6
3：还有个特殊值：NaN;

// var num = 12;
// var num = 1.2;


// var num = .2;   //打印0.2
// var num = 2.      //打印2


// MIN_VALUE和MAX_VALUE属性
// alert(Number.MIN_VALUE);   //打印5e-324    最小值
// alert(Number.MAX_VALUE);   //打印1.7976931348623157e+308;  最大值

// var num = 2e+308;
// alert(num);   //打印Infinity  无限大


//alert(0/0);  //打印NaN；　　NaN就是Not a Number的意思
// var an = NaN;
//alert(typeof an);   //打印number；
// alert(an == an);   //打印false  不相等
// alert(an == 19);   //打印false
// ps:NaN与任何值都不相等，包括他自己

// isNaN()可以判断一个变量的值 是不是NaN;   不是判断是不是一个数字，而是判断是不是为NaN;
var an = NaN;
// alert(an == NaN);  //打印false

alert(isNaN(an));   //打印true　说明值是NaN

九、Boolean类型

//Boolean类型只有两个值  true和false;
// var bool = true;
// alert(typeof bool);


//其它的类型的值都可以 转换成true 或者 false;
// var str = "";
// var str = "小明";
// var bool = Boolean(str);   //把字符串类型 转换成Boolean类型
// alert(bool);

十、数据类型的转换

数据类型的转换可以分为两种：
显式转换(程序员写代码转换)
隐式转换(代码自动转换)

//显示转换
var bool = true;    //打印1
var bool = false;   //打印0
var num = Number(bool);
alert(num);

var num = 12;
var str = String(num);
alert(typeof str);  //打印string;
alert(str);

//隐式转换
var str = "小明";

if(str){
         alert("我不是一个空的字符串");
}else{
         alert("我是一个空字符串");
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键字,关键词">
    <meta name="Description" content="描述和简介">
    <title>Title</title>
    <style type="text/css">
        *{margin:0;padding:0;}
        body,ul,li,ol,dl,dd,p,h1,h2,h3,h4,h5,h6{ margin:0;}
        a{text-decoration:none;}
        img{border:none;}
        ol,ul{list-style:none;}
    </style>
</head>
<body>
    <!--
        js数据类型
            查看数据类型  typeof
            类型:
                number  数字类型
                string  字符串类型
                boolean 布尔类型    (false true)
                function    函数类型
                object  对象类型(数组 json null空对象)
                undefined   未定义
       js中的判断
             > < == >= <= != ===全等于 !==不全等
             在判断的时候,值是Boolean 只有两个值 要么真,要么假

             if(条件){执行语句}
                小括号必须传值,且不能添加名字,即使里面传的值不是Boolean值,也会自动转成Boolean值进行判断
                只有条件满足,才执行

            if(条件){
                执行语句
            }else{
                执行语句
            }

    -->
    <div id="box"></div>

    <script>
/*
        //var a = 10;
        //var a = "10";
        //var a = true;
        //var a = function (){};
        //var a = document;
        //var a = [1,2,3,4,5];
        //alert( a[2] );
       /* var json = {
            name : "凌薇",
            age : 18,
            sex : "女"
        };
        //alert(json.age);
        //var a = null;//空对象
        //var a = undefined;
        //alert( typeof a );
*/
/*
        var a = 10;
        a = 10;
        //等价于 
        window.a = 10;

        function dd(){
            var c = 40;
        };

        function bb(){
            var b = 30;

        };*/
/*
    var a = "瓜皮";
    var b = "小生有礼了";
    var c = 10;

    var a = "瓜皮",
        b = "小生有礼了",
        c = 10;
    注: 在同一层下,一个变量可以var多次,没必要的,后面赋值就可以了,如果 不在同一作用域下,那就需要var
*/
/*    var a = "瓜皮";
    a = "小生有礼了";*/
/*    var a = 20;
    aa();
    function aa(){
        //var a = 10;
        alert(a);
    };

    bb();
    function bb(){
        //var a = 30;
        alert(a);
    };
*/
/*
    //var a = 10;
    //var b = "10";
    //alert( a > b );//false
    //alert( a < b );//false
    //alert( a == b );//true 不比较数据类型
    //alert( a >= b );//true
    //alert( a === b );//false 比较数据类型
    //alert( a !== b );//true
    //注:
        var a = "10.000";
        var b = 10;
        alert( a == b );//true 小数点后面多少个0,都会化成整数比较,除非后面不是0
 */   
    </script>
</body>
</html>