原生js底层基础(一)对象、运算符

写这个系列为了全面积累巩固自己的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;
	}			
}
属性属性值
namelucy
age18
helloFnfunction(){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");
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值