js的基本数据类型理解

落日映苍穹つ 2023-05-30 08:48 42阅读 0赞

### 学习javascript（js）数据类型 ###

*  欢迎学习javascript（js）数据类型
 *   *  字符串（string）
     *  数字（number）
     *  布尔(Boolean)
     *  对空（Null）、未定义（Undefined）
     *  对象(Object)
     *  数组(Array)
     *  函数(Function)

# 欢迎学习javascript（js）数据类型 #

读这篇文章前需要具备HTML、CSS的基础，同时需要知道javascript是什么。  
··  
想讨论更多编程话题  
加入qq群聊：1090397302  
翠花欢迎你的到来QAQ~~  
··

说一下数据类型有哪几种吧  
首先是基本的数据类型，也就是经常出现的，都有：  
字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。  
还有引用数据类型：对象(Object)、数组(Array)、函数(Function)。  
接下来就讲解一下这几个的用法。

## 字符串（string） ##

字符串是储存数值的变量，使用字符串的时候需要加上双引号或者单引号，只要不匹配包围字符串的引号就行，当你看到那些js代码上有加双引号或单引号的，你就可以判定这是字符串。接下来我演示一下：

这段代码里面的var是用来声明变量的，后面的name1是给这个变量起名字的，引号里面的内容就是给这个name1赋值的，第一行代码就是说 把“0”赋值给了name1，name1=0

## 数字（number） ##

第二个是数字  
javascipt只有一种数字类型，数字可以带小数点也可以不带  
极大的数字或者极小的数字可以用科学计数法来表示

数字跟字符串表达不一样，字符串需要用引号来表示，而数字没有引号  
上面这段代码中有小数也有整数，还有科学计数法，数字和小数都比较常见，表达式也能看得懂，但是下面的科学计数法“var y=123e5;”，var就不用说了，上面已经讲过了，后面的这个123e5的意思就是：123乘以10的5次方，e在这里面可以说是e=10，e后面跟的数字就是次方，这样应该就好理解了一点叭。接下来就是下面的123e-5就是e的负五次方，也就是说在123的基础上小数点向前移动五位就行了，这就是科学计数法的运算。

## 布尔(Boolean) ##

布尔只能有两个值，是用来判断真假的，那两个值就是“true”（真）“false”（假），这个相对比较好理解一点，就像判断题一样，这题是对的就是真，错的就是假。

## 对空（Null）、未定义（Undefined） ##

为什么要把这个这两个放在一起解释呢，因为这两个值表示的变量不含有值  
看代码应该会容易理解一些

## 对象(Object) ##

对象是由花括号分隔的，在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。它的属性是由逗号来分隔的，可不是用分号昂。

万物皆对象，就是说，谁都可以被当成对象，就像自己的对象一样，有身高，有体重，有腰围，有性格等属性，在这里面的对象也是有属性的，但是具体什么属性还是要看自己的需求。  
对象也是变量。但是对象包含很多值。  
对象也可以有方法，方法是在对象上执行的动作。

## 数组(Array) ##

这里面的数组需要用方括号来写"\[ \]"  
数组也是需要用逗号来分隔的，  
举个例子：

var fruits = ["apple", "banana", "orange"];

这就是一组数组，中间用逗号隔开，前面的fruits是数字的名字。

## 函数(Function) ##

这里面的函数是被设计为执行特定任务的代码块。会在某代码调用它时被执行。  
来看代码

<p id="demo"></p>//这是html中写的p标签
    
    <script>
    function myFunction(p1, p2) { //这里面的function就是声明函数的，就像var一样
        return p1 * p2;//这就是函数内容
    }
    document.getElementById("demo").innerHTML = myFunction(7, 8);//这个是输出
    </script>

声明函数后面的myFunction就是给函数命的名字，格式和var差不多，var是声明变量的，function就是声明那个函数的。