JavaScript 基础入门（一）——变量和赋值

YuNlear

已于 2022-09-11 20:30:03 修改

阅读量2.4k

点赞数 1

分类专栏： JS 文章标签： javascript 前端开发语言 es6

于 2022-09-06 12:28:10 首次发布

本文链接：https://blog.csdn.net/YuNlear/article/details/126722485

版权

JS 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

系列文章目录

JavaScript 基础入门（一）——变量和赋值

文章目录

系列文章目录
JavaScript 基础入门（一）

JavaScript 基础入门（一）

JavaScript是一种面向web的编程语言。打开浏览器，点击F12，在源代码中找到<script>标签，在没有特殊注明的情况下，标签中的部分就是JavaScript。JavaScript有好多个名字，其中以JavaScrip、JS和Jscript用的最多。
但这门语言的标准，则被称为EMCAScript,简称为ES X，其中的X指代标准的版本数，比如现在常用的ES 3、ES 5和ES 6。

    var str="hello JS";
    console.log(str);

从编程语言的分类来讲，JavaScript属于动态的、弱类型的编程语言，常常用于面向对象和函数式编程。
虽然JS的名字中有“Java”，但两个语言之间相去甚远，不过两者的语法比较相似。

接下来，我们就要进入JS的世界，让我们一起揭开JavaScript的神秘面纱吧。

序言

“工欲善其事，必先利其器。”学习编程最快的方法就是编写并运行JavaScript程序，运行JS的方法有很多，我们简单学习两个，再开始后面的学习。

打开一个浏览器，Edge或Firefox或者其他。点击F12，如果没有反应，按住Fn+F12，会出现一个小窗口。找到其中的控制台标签，打开控制台，就可以在控制台中快乐地敲代码了。
如果用Vs Code的同志，在Extension中搜索"Code Runner"，下载这个拓展。在创建一个.js文件后，输入代码，点击窗口右上方的小三角形就可以运行啦。

动动手，将最上面给出的示例打入控制台，看看会有什么结果吧。

什么是变量？

编程中的变量用一个标识符来表示，代表了一个可以变化或者不可变的值。我们可以把变量简单地理解为在计算机里划分出的一块空间，这块空间可以存储数字等值，而我们要使用这块空间，就需要给它命名，这个名字就是变量的标识符。

//例如上个程序中的"str"就是一个变量

在JS中，当我们需要使用一个变量时，就需要声明变量，由计算机来给这个变量申请一块空间。在JS中的声明有三种方法，其中最常见的是用var来声明，其余两种分别是使用let和const进行声明(这两块之后再做介绍)。

    var a=12;
    let b=1,c='123';
    const d="CSDN";

首先介绍使用var的声明方法，最简单的声明方法如下所示:

    var a;

在var之后直接跟标识符（用空格断开）即可，在变量声明之后就可以使用该变量了。可以对该变量进行赋值操作，使用赋值运算符"="即可，如下所示：

    a=123;

要想查看我们设置的变量中存储的值，可以在控制台中使用alert()函数或者console.log()函数,在括号中加入你要查看的变量名即可。

    console.log(a);
    alert(a);

在JS中，声明和赋值是可以同时进行的，也可以同时进行多个变量的声明和赋值(PS:JS是一种大小写严格的语言，也就是说定义的A和a是两个不同的变量)：

    var a=1,b='2',c=[3]，A='ABC';

那么，现在的问题来到了赋值身上，在JS中可以赋哪些值给我们的变量呢？

赋值有哪些？

JS中的值有8个类型的值，在编程语言中，值的类型被称为数据类型，也就是说JS中的值可以分为8个数据类型，其中有5个属于原始类型，其余三个属于对象类型。
下面，我们先介绍这5个原始数据类型，他们分别是数字、字符串、布尔类型、undefined和null五个类型，我们按顺序进行介绍。

数字

数字是很常见的一种数据类型，基本所有编程语言都有这个数据类型。在JS中比较特别的一点是，JS不区分整数和浮点数值，或者说JS里的数字全部由浮点数来表示。虽然如此，JS中整数和浮点数的记法还是大相径庭的。

十进制整数的表示，就是用一个数字序列来表示：

    0
    123

十六进制整数则用“0x”或“0X”做前缀，后面接十六进制数：

    0x123//1*16^2+2*16+3=291
    0X123//1*16^2+2*16+3=291

而浮点数的表示则用传统的实数记法或者科学计数法表示：

    3.14
    .33333
    3.140000e00

了解了数字的表示之后，只需要再了解一点运算规则，就可以进行复杂的运算了。而在JS中我们使用的基础运算是大家耳熟能详的四则运算，即加、减、乘、除还有一个小小的异类——取余(%)。

    var a=2,b=3,result=0;
    result=a+b;//5
    result=a-b;//-1
    result=a*b;//6
    result=a/b;//0.66666……
    result=a%b;//2

再进一步有更复杂的运算，是通过Math对象的属性定义的函数和常量来实现的：

    Math.pow(2,3)//8:2的3次方
    Math.round(2.3)//2：四舍五入
    Math.sqrt(2)//1.414:开平方
    Math.PI//圆周率
    …………

通过上面介绍的运算符和函数，我们就可以进行一些复杂的运算来解决一些实际问题，例如给定半径，求解圆的面积和周长。

    var r=5,S=0,C=0;//r为半径，S为面积，C为周长
    S=Math.PI*Math.pow(r,2);
    C=2*Math.PI*r;

字符串

认识完数字，我们开始了解什么是字符串。简单来说，字符串就是一种文本，在JS里则表现成用引号引住的一段文字。

    "123"
    "Hello JS!"

那字符串有什么特别之处呢？我们首先先学习一下字符串常量或者字符串字面量。在JS中，用单引号或者双引号括起来的字符序列就是字符串字面量，并且单引号和双引号没有高低贵贱之分，可以单引号括双引号，也可以双引号括单引号,但不能单引号括单引号或者双引号括双引号。

    "Hello I'm Y"
    'I = "Mr. Y"'

除此以外，如果你想让好几行字符表示一个字符串，你可以在断行处加上(\),而如果直接想另起一行则需要用到换行符(\n)——这是用转义字符来表示的。

    "Hello\
     My\
     Friend"//表示"HelloMyFriend"
     "Hello\nMy\nFriend"\\分成三行输出

在Unicode中有许多有用但键盘上没有的字码，这该怎么打出来呢，为了实现这个效果，我们必须引入转义字符。转义字符就是用反斜杠(\)再加上一段字符来表示一些复杂的符号，可以分为两种：第一种是反斜杠(\)加上一个字母来表示一些空白符；第二种则是通用的使用\x+两位十六进制数表示Latin-1字符或者使用\u+四位十六进制数表示Unicode字符。

    \n //换行符
    \o //NULL字符
    \b //退格符
    \t //制表符
    \u03c0 //π

字符串的运算是字符串的一个重要知识点，而JS可以很方便的完成字符串的拼接、提取和字符替换等方法。

    var str="Hello";
    str+=" World";//加号就可以完成字符串拼接，此时str为"Hello World"    
    //现在我想知道这个字符串有多长
    console.log(str.length);
    //输出11，其中有一个是空格符
    //如果要取出其中某一个字符,以第3个为例
    console.log(str.charAt(3-1));//索引从0开始所以要减一
    console.log(str[3-1]);//或者使用该方法
    //当我们知道字符，想知道位置
    console.log(str.indexOf("l"));//返回2，则在第2+1个位置
    //如果想逆序查找
    console.log(str.lastIndexOf("l"));//返回9，则在第10个位置上
    //想把字符串中指定字符进行替换
    // console.log(str.replace("W","w"));/Hello world
    //将字符串全部转为大写
    console.log(str.toUpperCase());//HELLO WORLD