写这个系列为了全面积累巩固自己的js基础,包括一些基础的和稍微冷门、深入的,也会持续更新ES6在此基础上的更新,还有一些面试题,如果你也认为基础知识很重要,快来一起交流学习啦~ ^ - ^
一、对象
1.概念
对象也是变量。但是对象包含很多值。
2.格式
值以名称:值对的方式来书写(名称和值由冒号分隔)。
例如
var person = {
name:'lucy',
age:18
}
3.对象属性
对象的名称和值就是对象属性
还是上面那个例子
var person = {
name:'lucy',
age:18,
helloFn:function(){
return 'my name is ' + this.name;
}
}
属性 | 属性值 |
---|---|
name | lucy |
age | 18 |
helloFn | function(){return 'my name is ’ + this.name;} |
3.对象的创建
1)对象字面量/对象直接量(plainObject)
var obj = { }
2)构造函数
①系统的构造函数
new Object()
②自定义构造函数
自定义的构造函数跟普通函数一样,但是加上new以后就拥有了构造函数的功能,一般用大驼峰式命名 ,例
function Car(color ){
this.color = color;
}
var car1 = new Car( 'red' );
var car2 = new Car( 'black' );
二、运算符
1.比较运算符
比较运算符在逻辑语句中使用,以判定变量或值是否相等。
这个内容只讲比较容易混淆的
1)== 和 ===
var num='5';
num == 5 -->true
num === 5 -->false
==比较值是否相等, ===比较 值和类型是否都相等(!= 和! == 同理)
2)字符串比较的是ascll码顺序
例如 “10”<“8” 先把1和8比较 1比8小就不再看0了 ,因此结果是true
3)NaN不等于任何值,包括自己,即 NaN ==NaN 结果是false
4)为false的六个值
undefined、 null、 NaN、 “” 、 0、 false
注:== 和 === 它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。ES6 提出“Same-value equality”(同值相等)算法,用来解决这个问题。Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。
例如:
Object.is('foo', 'foo')
// true
Object.is({}, {})
// false
与===不同之处只有两个:一是+0不等于-0,二是NaN等于自身。
+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true
2逻辑运算符 && || !
1)&&(本质的判断)
普遍都知道&&代表全真为真 有一个假为假,其背后的本质原理是:
先看左边表达式的结果,如果结果为真,返回右边的表达式的结果,如果左边表达式为假,则直接返回左边表达式的结果
(注意和&区分,&是与运算 在实际开发中很少用)
例1 判断符号前面的1为真,所以返回后面那个的值
var a= 1 && 2
例2,判断出第一个为假后 不对后一个进行判断,直接返回第一个的值
var a = 0 && 2
例3, 前面是真,返回后面那个的值所以是false
var a = 1 && 0
小的实际应用:
1.后端把数据传到前端的时候,得先判断这个数据是否为空
2.用 && 替换 if else,精简代码
例如
var num = 10;
if(num>5){
console.log('大于5')
}
替换为
num > 5 && console.log("大于5");