update img
This commit is contained in:
qianguyihao
parent
97a5fdc303
commit
6ce88761b5
@ -4,12 +4,10 @@
|
||||
|
||||
类型转换主要指，将其他的数据类型，转换为：String、Number、Boolean。你会把某个数据类型转换成 null 或者 undefined 吗？不会，因为这样做，没有意义。
|
||||
|
||||
|
||||
## 其他的简单类型 --> String
|
||||
|
||||
### 方法一：变量+"" 或者 变量+"abc"
|
||||
|
||||
|
||||
举例如下：
|
||||
|
||||
```javascript
|
||||
@ -20,7 +18,6 @@ console.log(a + 'haha'); // 转换成 String 类型
|
||||
|
||||
上面的例子中，打印的结果，都是字符串类型的数据。
|
||||
|
||||
|
||||
### 方法二：调用toString()方法
|
||||
|
||||
举例如下：
|
||||
@ -33,8 +30,6 @@ console.log(a + 'haha'); // 转换成 String 类型
|
||||
|
||||
注意：null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。
|
||||
|
||||
|
||||
|
||||
另外，Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为10进制。例如：
|
||||
|
||||
```javascript
|
||||
@ -48,8 +43,6 @@ console.log(a + 'haha'); // 转换成 String 类型
|
||||
console.log(typeof a); // string
|
||||
```
|
||||
|
||||
|
||||
|
||||
### 方法三：使用String()函数
|
||||
|
||||
格式如下：
|
||||
@ -64,14 +57,12 @@ String(变量)
|
||||
|
||||
- 但是对于null和undefined，就不会调用toString()方法。它会将 null 直接转换为 "null"。将 undefined 直接转换为 "undefined"。
|
||||
|
||||
|
||||
### prompt()：用户的输入
|
||||
|
||||
我们在JS基础的第一篇里，就讲过，`prompt()`就是专门用来弹出能够让用户输入的对话框。重要的是：用户不管输入什么，都是字符串。
|
||||
|
||||
## 其他的数据类型 --> Number
|
||||
|
||||
|
||||
### 方式一：使用Number()函数
|
||||
|
||||
**情况一：字符串 --> 数字**
|
||||
@ -173,13 +164,10 @@ String(变量)
|
||||
|
||||
> `parseFloat()`是专门用来对付字符串的。
|
||||
|
||||
|
||||
parseFloat()的作用是：将字符串转换为**浮点数**。
|
||||
|
||||
|
||||
parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获得有效的小数部分。
|
||||
|
||||
|
||||
代码举例：
|
||||
|
||||
```javascript
|
||||
@ -187,8 +175,6 @@ parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获
|
||||
console.log(parseFloat(a)); // 打印结果：123.456
|
||||
```
|
||||
|
||||
|
||||
|
||||
## 转换为 Boolean
|
||||
|
||||
将其他的数据类型转换为Boolean，可以使用Boolean()函数。
|
||||
@ -201,7 +187,7 @@ parseFloat()和parseInt()的作用类似，不同的是，parseFloat()可以获
|
||||
|
||||
- 情况四：对象也会转换为true。
|
||||
|
||||
PS：上面的这就种情况，很重要，开发中会经常用到。
|
||||
PS：转换为 Boolean 的这几种情况，很重要，开发中会经常用到。
|
||||
|
||||
## 其他进制的数字
|
||||
|
||||
@ -222,8 +208,6 @@ PS：上面的这就种情况，很重要，开发中会经常用到。
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
|
||||
|
||||
@ -237,11 +237,11 @@ $ npm install -g @vue/cli
|
||||
|
||||
这个空项目的工程文件如下：（请务必仔细研究这个项目的写法和目录结构）
|
||||
|
||||
- [2019-06-21-vue-my-app.zip]()
|
||||
- [2019-06-21-vue-my-app.zip](https://download.csdn.net/download/smyhvae/11256220)
|
||||
|
||||
我们可以看到这个项目的结构：
|
||||
|
||||
20190624_160725.png
|
||||
|
||||
|
||||
- src：项目源码
|
||||
|
||||
@ -261,7 +261,7 @@ $ npm install -g @vue/cli
|
||||
|
||||
浏览器输入`http://localhost:8080/`，就可以让这个空的项目在本地跑起来：
|
||||
|
||||
20190624_160228.png
|
||||
|
||||
|
||||
备注：我们在 GitHub上下载的任何Vue有关的项目，第一步都是要首先执行 npm install，安装依赖的 mode_modules，然后再运行。我们发给同事的工程文件，建议不要包含 `node_modules`。
|
||||
|
||||
@ -273,11 +273,11 @@ $ npm install -g @vue/cli
|
||||
$ vue create vuedemo2
|
||||
```
|
||||
|
||||
20190624_163726.png
|
||||
|
||||
|
||||
上图中，选择 `Manually select features`，然后根据提示依次输入：
|
||||
|
||||
20190624_164305.png
|
||||
|
||||
|
||||
- project name：**要求小写**。
|
||||
|
||||
@ -293,7 +293,7 @@ $ vue create vuedemo2
|
||||
|
||||
选择 eslint 的配置：
|
||||
|
||||
20190624_1650.png
|
||||
|
||||
|
||||
然后让这个空的项目就可以在浏览器上跑起来。
|
||||
|
||||
@ -335,3 +335,13 @@ $ vue create vuedemo2
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
|
||||
|
||||
扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user