update
This commit is contained in:
parent
207f7b7465
commit
db21f181c5
@ -35,18 +35,6 @@ Symbol是函数,但并不是构造函数。创建一个Symbol数据类型:
|
|||||||
20180317_1134.png
|
20180317_1134.png
|
||||||
|
|
||||||
|
|
||||||
如果我通过 Symbol()函数创建了两个值,这两个值是不一样的:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
let mySymbol = Symbol();
|
|
||||||
let mySymbol2 = Symbol();
|
|
||||||
|
|
||||||
console.log(mySymbol == mySymbol2); //打印结果:false
|
|
||||||
```
|
|
||||||
|
|
||||||
上面代码的打印结果研究音声了,
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
下面来讲一下Symbol的使用。
|
下面来讲一下Symbol的使用。
|
||||||
|
|
||||||
@ -72,8 +60,32 @@ Symbol是函数,但并不是构造函数。创建一个Symbol数据类型:
|
|||||||
20180317_1145.png
|
20180317_1145.png
|
||||||
|
|
||||||
|
|
||||||
|
### 创建Symbol属性值时,传参
|
||||||
|
|
||||||
|
如果我通过 Symbol()函数创建了两个值,这两个值是不一样的:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
let mySymbol1 = Symbol();
|
||||||
|
let mySymbol2 = Symbol();
|
||||||
|
|
||||||
|
console.log(mySymbol1 == mySymbol2); //打印结果:false
|
||||||
|
console.log(mySymbol1); //打印结果:Symbol()
|
||||||
|
console.log(mySymbol2); //打印结果:Symbol()
|
||||||
|
```
|
||||||
|
|
||||||
|
上面代码中,倒数第三行的打印结果也就表明了,二者的值是不相等的。
|
||||||
|
|
||||||
|
最后两行的打印结果却发现,二者的打印输出,肉眼看到的却相同。那该怎么区分它们呢?
|
||||||
|
|
||||||
|
既然Symbol()是函数,函数就可以传入参数,我们可以通过参数的不同来作为**标识**。比如:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
44
README.md
44
README.md
@ -2,49 +2,5 @@
|
|||||||
|
|
||||||
前端入门和进阶教程。从零开始学前端,做一个web全栈工程师。持续更新...
|
前端入门和进阶教程。从零开始学前端,做一个web全栈工程师。持续更新...
|
||||||
|
|
||||||
## HTML基础
|
|
||||||
|
|
||||||
- [01-html标签图文详解(一)](./01-html/01-html标签图文详解(一).md)
|
|
||||||
|
|
||||||
- [02-html标签图文详解(二)](./01-html/02-html标签图文详解(二).md)
|
|
||||||
|
|
||||||
|
|
||||||
## CSS基础
|
|
||||||
|
|
||||||
- [01-CSS属性:字体属性和文本属性](./02-CSS/01-CSS属性:字体属性和文本属性.md)
|
|
||||||
|
|
||||||
- [02-CSS属性:背景属性](./02-CSS/02-CSS属性:背景属性.md)
|
|
||||||
|
|
||||||
- [03-CSS样式表和选择器](./02-CSS/03-CSS样式表和选择器.md)
|
|
||||||
|
|
||||||
- [04-CSS选择器:伪类](./02-CSS/04-CSS选择器:伪类.md)
|
|
||||||
|
|
||||||
- [05-CSS样式表的继承性和层叠性](./02-CSS/05-CSS样式表的继承性和层叠性.md)
|
|
||||||
|
|
||||||
- [06-盒子模型](./02-CSS/06-盒子模型.md)
|
|
||||||
|
|
||||||
- [07-浮动](./02-CSS/07-浮动.md)
|
|
||||||
|
|
||||||
- [08-CSS属性:定位属性](./02-CSS/08-CSS属性:定位属性.md)
|
|
||||||
|
|
||||||
|
|
||||||
## JavaScript基础
|
|
||||||
|
|
||||||
- [01-JavaScript语法基础:JS简介&变量](./03-JavaScript/01-JavaScript语法基础:JS简介&变量.md)
|
|
||||||
|
|
||||||
- [02-JavaScript语法基础:运算符和表达式](./03-JavaScript/02-JavaScript语法基础:运算符和表达式.md)
|
|
||||||
|
|
||||||
- [03-JavaScript语法基础:循环控制(if语句&for循环)](./03-JavaScript/03-JavaScript语法基础:循环控制(if语句&for循环).md)
|
|
||||||
|
|
||||||
- [04-JavaScript语法基础:数组](./03-JavaScript/04-JavaScript语法基础:数组.md)
|
|
||||||
|
|
||||||
- [05-JavaScript语法基础:函数](./03-JavaScript/05-JavaScript语法基础:函数.md)
|
|
||||||
|
|
||||||
- [06-JavaScript语法基础:面向对象和内置对象](./03-JavaScript/06-JavaScript语法基础:面向对象和内置对象.md)
|
|
||||||
|
|
||||||
- [07-JavaScript基础:DOM操作](./03-JavaScript/07-JavaScript基础:DOM操作.md)
|
|
||||||
|
|
||||||
- [08-JavaScript基础:BOM的常见内置方法和内置对象](./03-JavaScript/08-JavaScript基础:BOM的常见内置方法和内置对象.md)
|
|
||||||
|
|
||||||
|
|
||||||
更多内容,请点开文件夹。
|
更多内容,请点开文件夹。
|
||||||
|
Loading…
Reference in New Issue
Block a user