感受JavaScript之美

Posted 2021-04-17 面包理想

★js对象重点说三件事

1.js中的对象就是键值对，和java等语言的对象完全不一样。

{“name”:"leo","age":18}

2.键可以定义多次，值却只能是最后一个。这个跟变量有点类似。

3.键值对里面还可以套键值对。

※上一道淘宝面试题。

请用对象JSON描述下面一句话。

大彬哥今天18岁，家住在北京，工作是前端开发讲师。他有两个学生，一个叫西门华，今年28岁，家住在天津，工作是切图狗。另一个学生是赵日天，今年24岁，家住在济南，工作是码农。

★数据类型也是三件事

1.js式的数据类型是动态编译的，什么意思？就是相当于js变量相当于一个瓶子，你不喝之前是不知道瓶子里装的是酒还是醋。什么时候喝呢，执行的时候。

var a=12;

2.基本数据类型。最简单的定义就是不是对象。注意，注意，注意！！！尤其是以前线下课的同学注意了，这里跟线下课讲的不一样，基本的数据类型有6种。

nusbns->number undefined stringboolean null symbol

强调两个

null代表不存在，可以把变量设置成这个，但是不要把变量设置成undefined

symbolES6里面的

运算符

运算符的本质就是函数，只不过写法不一样。

记住不要记运算符有什么，没必要，你用到了自然就记住了，但是你一定要理解本质他就是一个函数，通常它是操作两个参数，然后返回一个值。

var a = 12;
var b = 5;
var result = a+b;//+号就是运算符
function +(a,b){
    return;//两数之和
}

★关于运算符，也只强调三点

1.运算符的运算顺序和优先级

var a = 12+5*2

2.类型转换

'12'+5
if(12){}
if(12>5)
if(a||b)这个地方注意a||b和a&&b

一劳永逸,两个表格：

https://developer.mozilla.org/zh-CN/docs/Web/javascript/Equality_comparisons_and_sameness

相等判断知道就行不用背

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

基本的会用，不用背

默认值和在框架中的使用

function show(name){
    return '我是'+name;
}
show();//我是undefined

框架中应用。

↓1.默认值

function show(name){
    name =name||'大彬哥';  
    return '我是'+name;
}
show();//我是undefined

↓2.防止变量覆盖

jquery.js
var $ = 12;
你的库.js
window.$= window.$||'lib2';//库里常用

→Ending， 更多交流，可以联系面包君。←

 未完待续......

（下一篇：函数、函数表达式、闭包）

---