javascript 赋值语句,js赋值undefined

小狗AI

于 2023-11-29 12:37:28 发布

阅读量185

点赞数

文章标签：人工智能

本文链接：https://blog.csdn.net/ai_lover_cat/article/details/134687007

版权

这篇文章主要介绍了javascript 赋值语句，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。

写在开头的话：

题主是正在自学JavaScript的一名学生，跟着网上的主流视频边敲边练。技术水平不高，如有错漏，还请担待Python解释器的安装步骤。

以下内容大多取材于免费视频教程，没有多少原创性，我就是归纳总结了一下（但是有我自己的一些心得体会和搞怪案例），都属于很简单很基础的内容，主要目的是给我自己梳理一下知识点，加强记忆，也方便其他和我同样在自学JavaScript的小伙伴借鉴学习。

01 输入与输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--js代码需要编写到标签中-->
    < type="text/java">
        /*
        控制浏览器弹出一个警告框
        alert("废喵之王真的太帅啦!");
        我真的好不要脸(bushi)⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄
        */

        /*
        让计算机在页面中输出一个内容
        document.write()可以向body中输出一个内容   
        document.write("快看！是废喵之王呀！废喵之王真的好帅啊~~~");
       */


         /*
        console.log()的作用是向控制台输出一个内容
        console.log("你猜我在哪呢？");
        */

        alert("废喵之王真的太帅啦!");
        document.write("快看！是废喵之王呀！废喵之王真的好帅啊~~~");
        console.log("你猜我在哪呢？");

 
        //这是一个输入框
        prompt('请输入您的年龄');

        //alert弹出警示框
        alert('计算的结果是：');

        //console 控制台输出 给程序员测试用的
        console.log('我是程序员能看到的');
    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

prompt为输入框

alert为弹出警示框

document.write为文本输入

console.log为控制台输出

这一小节主要就是讲以上几个语句的用法。

这几个很常用，一定要记住，我自己就是记不住这些单词，每次都是靠vs code的快捷键，这样子很不好，建议前期学习时不要偷懒，不要太依赖工具，不然在考试或者竞赛中容易吃亏。

02 声明变量|赋值|变量初始化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <>
        //1.声明一个变量
        var age;
        //2.赋值
        age=10;
        //3.输出结果
        console.log(age);
        //4.变量的初始化
        var myname='废喵之王';
        var address='比奇堡蟹黄堡';
        var age=3;//希望自己永远三岁哈哈哈
        var email='ilovefeimiaozhiwang@123.com';
        var salary=0000;//呜呜废喵之王作为一个穷学生没有工资
        console.log(myname);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(salary);

    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

JavaScript中声明变量就用var

var是变量这个单词的前三个字母，变量是variate

多学英语是真的对编程有帮助（大哭）

03 变量与常量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
        字面量=常量
        在js中用var关键字来声明一个变量
        因为常量和变量的概念太简单了我就懒得做笔记了
    -->
    < type="text/java">

        //这个是先声明后赋值
        var a;
        a=123;
        a=456;

        //声明和赋值可以同时进行
        var b=789;
        var c=0;

        var age=80;

        console.log(a);
        console.log(b);
        console.log(c);

        console.log(80);//80
        console.log(age);//80

    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

变量和常量这一块内容很简单，我自己笔记就做得很粗略。

在里面还穿插了一点声明和赋值的内容。

ps：写累了，炫个冰淇淋先

04 声明变量|与声明变量有关的一个小案例，帮助理解的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <>
        //1.用户输入姓名 存储到一个myname的变量里面
        var myname=prompt('please input your name');


        //2.输出这个用户名
        alert(myname);

        //更新变量；声明多个变量
        var age=18,
        address='比奇堡',
        gz=2000;


        //3.声明变量的特殊情况

        //3.1只声明不赋值 结果是未定义的undenfined
        var sex;
        console.log(sex);//undenfined

        //3.2不声明不赋值直接使用某变量会报错
        console.log(tel);
        
        //3.3不声明直接赋值使用
        qq=110;
        console.log(qq);

    </>
</head>
<body>
    
</body>
</html>

效果如下：

记住这个报错的案例，未声明直接使用会报错

总结：

这一节讲了声明变量的三种特殊情况，即

1.只声明不赋值

2.不声明不赋值

3.不声明不赋值

记住声明和赋值都要进行，缺一不可。

05 标识符与命名规范

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    < type="text/java">
        /*
            标识符的含义：
            -在js中所有可以由我们自主命名的
            -eg变量名、函数名、属性名
            

            命名规范：
            1.dollar符号和下划线做开头是被允许的，其他特殊字符不行
            2.可以含字母、数字、_、$，但是数字不能作为开头
            3.一般用驼峰命名法，即首字母小写，后面每一个单词的首字母都大写，例如myFristName
            4.js中变量严格区分大小写,不能是关键字，保留字，不能以数字开头
            5.尽量别用name命名，因为别人不知道这个name具体指的是什么，应该说myName之类的

            js底层保存标识符实际上采用的是Unicode代码
        */
       var helloword;

    //其实也可以用中文来命名，但是非常不建议这么做
       var 锄禾日当午=789;
       var 废喵之王=250;//废喵之王是250，皮一波很开心~

       console.log(锄禾日当午);//789
       console.log(废喵之王);//250

    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

JavaScript的命名规范和c、cpp差不多，但是JavaScript可以用$开头，c、cpp不行，而且JavaScript可以用中文命名，虽然很不建议这么做就是了。

JavaScript的命名规范和Java差不多。

感觉我学过的几门语言的命名规范都差不多，哈哈。我就不再赘述了。

06 案例之交换（引入一个变量temp）|很简单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <>
        //js是编程语言，有很强的逻辑性在里面
        var temp;//声明了一个临时变量为空
        var apple1='青苹果';
        var apple2='红苹果';
        temp=apple1;
        apple1=apple2;
        apple2=temp;
        console.log(apple1);
        console.log(apple2);

    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

就是一个很简单的交换

一眼懂

07 数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据类型</title>
    < type="text/java">
        /*
            总共有六种数据类型
            String 字符串
            Number 数字
            Boolean 布尔
            Null 空值
            Undefined 未定义
            Object 对象

            前五个属于基本数据类型
            object属于引用数据类型
        */

        //字符串,使用双引号或单引号都可
        //引号不能嵌套
       var str="hello";

       console.log("hello");
       console.log(str);

       str1='我说："今天天气真不错！"';

       str2="我说：\"今天天气真不错！\"";

       str3="我说：\"今天\t天气真不错！\"";


       console.log(str1);
       console.log(str2);
       console.log(str3);

       //输出字面量 字符串str
       alert("str");

       //输出变量str
       alert(str);
       
       //数字型
       //包括整数和浮点数

       //var num; 
       //这里的num我们是不确定属于哪种类型的
       //js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的


        var num=10;//num属于数字型
        var str='废喵之王';//str属于字符串型

        //js是动态语言 变量的数据类型是可以变化的
        var x=10;
        x='废喵之王';


       //数字123
       var a=123;
       //字符串123
       var b="123";

       console.log(a);
       console.log(b);

       //可以使用typeof来检查一个变量的类型
       console.log(typeof a);
       console.log(typeof b);

       //js中可以表示数字的最大值1.797631348623157e+308
       //Number.MAX_VALUE
       //如果number超过了最大值，返回infinity（正无穷）

       c=Infinity;
       d=-Number.MAX_VALUE * Number.MAX_VALUE;
       console.log(Number.MAX_VALUE);

       //NaN 非数字
       //使用typeof检查NaN也会返回number

       //最小值5e-324
       //-Infinity表示负无穷
       e=Number.MIN_VALUE;
       console.log(e);

       //在js中，整数运算基本可以保持精确
       var f=123+456;
       console.log(f);//579

       //如果使用js进行浮点数计算，则可能得到一个不精确的结果
       //所以千万不要使用js进行精确度比较高的运算
       var g=0.1+0.2;
       console.log(g);


       //布尔值
       var bool=true;
       console.log(typeof bool);
       console.log(bool);


       //Null类型的值只有一个，就是null
       //null这个值专门表示一个为空的对象
       //使用typeof检查null，会返回object
       var r=null;
        console.log(r);


       //undefined类型的值只有一个，就是它本身
       //当声明一个变量，但是并不给变量赋值时，就是undefined
        

    </>
</head>
<body>
    
</body>
</html>

效果如下：

总结：

总共有六种数据类型

String 字符串

Number 数字

Boolean 布尔

Null 空值

Undefined 未定义

Object 对象

前五个属于基本数据类型

object属于引用数据类型

这一小节讲了五种基本数据类型的使用方法。

08 写在文末

圣诞节敲了一上午代码，写了一下午博客，晚上还要考试，呜呜呜

别人圣诞节都是和朋友或者对象出去玩

我圣诞节是当个苦兮兮的码字员

这不得给个点赞和关注？（期待的小眼神看着你）

最后，不管你关不关注我，都希望你能从我写的东西中获益，thank u~

小狗AI

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 赋值语句,js赋值undefined

这篇文章主要介绍了javascript 赋值语句，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。写在开头的话：题主是正在自学JavaScript的一名学生，跟着网上的主流视频边敲边练。技术水平不高，如有错漏，还请担待。
复制链接

扫一扫