数据类型之字符串篇-LMLPHP

公布上期答案:小驼峰我们经常用在变量、函数名属性名这样的标识符身上。

而大驼峰的命名方式,我们更多用在class(类)上。

这里需要注意的是:“不是一定要这样操作,而是一种默认的约定。

遵从这样的方式命名,不容易一眼被看出来刚学习js哦~。”

今天我们要说的就是数据类型,新接触的小伙伴对这个可能就觉得比较迷糊了,怎么数据还有类型??

当然~上一期我们介绍了变量,利用变量我们可以大量减少重复的代码,不知道大家有没有注意这个被存储的值,可是很多变的~

例如:

var a = 'miaov';
var b = 20181217;
var c = true;

等等等...我们会发现一会英文,一会数字。但是有的加引号,有的就不加??

这到底因为什么呢?

这就是我们今天要介绍的大主题:数据类型,接下来~就有请这个大家庭成员一位一位登场吧~

数据类型之字符串篇-LMLPHP

数据类型大分类

我们把数据类型分为两个大类:

• 基本类型(简单类型)

• 复杂类型(引用类型)

我们来看看基本类型有多基本,复杂类型有多复杂~

有请第一位:

基本类型 - String

String类型是由0或者多个字符组成的,就像我们吃烧烤,给所有食材串起来~所以我们把String叫做字符串。数据类型之字符串篇-LMLPHP

那我们怎么分辨什么是字符串呢?大家注意看图,串的前后都露出来签。我们的字符串的前后也有一个标志,就是——引号,字符串由一对双引号("")或者单引号('')包裹,在这里双引号和单引号没有差别~所以,以下两种都是字符串的表现方式:

var a = "miaov";
var b = 'miaov';

这里对于学习后端的同学可能会不太习惯~因为在后端中,单引号和双引号是不一样的,单引号只能是字符。

但是在ECMAScript中是没有差别的。需要额外注意的是符号必须是配对的,不能出现如下配对:

var str = 'miaov"; //左边单引号 右边双引号,不配对

为什么要强调这个问题呢?因为有时候我们想要存储的字符串可能本身自己就带有引号,像下面这样:

//这是"miaov"的红宝书系列  <-这是我想存的内容

var str = "这是"miaov"的红宝书系列";  //错误的方式

var str = '这是"miaov"的红宝书系列';  //这才是正确的

如果又有双引号又有单引号怎么办?

同学,你思维很活跃哦~

这时候我们需要用到一个东西 —— 转义。

转义是一个 \我们来看一下案例:

数据类型之字符串篇-LMLPHP

以上为str中存储值打印的截图

字符串的特点

ECMAScript中的字符串是不可变的,也就是说你只要创建出来,它就不能被改变了,但是很多小伙伴觉得,不会啊:

var lang = "Java";
lang = lang + "Script";

这不就改过来了么??(关于+号,我们后面再说,这里大家只要知道,它就是拼接的功能)

事实上在这里,当我们想要改变某个变量保存的字符串,首先,它是销毁了原来的字符串的!!然后再用另一个包含新值的字符串填充该变量的。

那么上面这个案例它具体是怎么个步骤呢?来看一下

  • 第一步:创建一个可以容纳10个字符的新字符串

  • 第二步:在这个字符串中填充"Java"和"Script"

  • 第三步:销毁原来的字符串"Java"和"Script",因为已经用不到了,我们需要的是第一步时候创建的新字符串。

这个过程是发生在后台的,我们看不到,在某些旧版本的浏览器(指的是:IE6、低于1.0的Firefox等),因为这种频繁的创建和销毁,导致拼接字符串的性能很差,所以很多时候,我们会选择使用join方法。

不过在现代浏览器中对字符串的“+”运算做了优化,已经解决了这个问题,就可以放心使用哦~

问题来了:那么"+"的拼接方式还是最慢的么?知道的同学赶紧留言哦~下期我们揭晓答案!

下期预告

下期带来基本类型 - Number,不是数字的数字类型等你来看~

12-21 17:11