扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
如下:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网站空间、营销软件、网站建设、瓜州网站维护、网站推广。
==,===相等运算符
!=,!==不等式运算符
= 赋值运算符
,||,!逻辑运算符
() 分组运算符
, 逗号运算符
?…: 条件(三元)运算符
|,,^,~按位OR,AND,XOR和NOT运算符
,, 位移位运算符
+,-运算符
++,--前/后增/减运算符
void operator
var x = function() vs function x()函数声明语法
= 箭头函数表达式语法
(function(){...})()IIFE (立即调用函数表达式)
someFunction()() 返回其他功能的功能
[],Array()数组符号
/.../ -正则表达式文字
$在正则表达式替换模式:$$,$,$,$’,$n`
{key: value} 对象文字语法:
可选的链接运算符(foo?.bar?.baz):
空位合并运算符(??)
function*,yield,yield* Declaring variables:
var,let,const变量声明:
this 关键词:
:: 绑定运算符:
new operator
delete operator
label: 标签
+=Operator
...iter 传播语法/ Rest参数
| Operator
** Power Operator
JavaScript中常用的运算符及其使用方法
JavaScript中常用的运算符及其使用方法如下:
类型
-(负值),例如:-5。
*(乘法),例如:2*4,得8。
/(除法),例如:10/2,得5。
%(取余),例如:9%2,余数为1。
+(加法),例如:1+2,得3。
-(减法),例如:9-8,得1。
算术运算符
|(按位或运算),例如:5|3,得7。
(左移),例如:53,得40。
(右移),例如:51,得2。
~(取补),例如:~5
,得6。
++(递加),例如:
a=5,a++,得a=6。
--(递减),例如:
a=5,a--,得a=4。
字符运算符
+(字符串连接),例如:“a”+“b”,得ab。
==(等于),例如:1==2,为Flase。
!=(不等于),例如:3!=4,为True。
比较运算符
(小于),例如:76,为Flase。
(大于),例如:109,为True。
=(小于等于),例如:6=9,为True。
=(大于等于),例如:3=6,为Flase。
逻辑算符
!(逻辑非),例如:!Flase,为True。
(逻辑与),例如:FlaseTrue,为Flase。
||(逻辑或),例如:Flase||True,为True。
^(逻辑异或),例如:Flase^True,为True。
今天小编要跟大家分享的文章是关于Javascript继承的常用4种方法。相信很多学习web前端开发技术的小伙伴在学习前端开发的javascript部分的时候,在面向对象的部分就很难走下去了,主要的原因还是逻辑更加复杂了,需要理解的内容比直观的开发布局难一点。
在面向对象编程里,封装和继承是比较重要的,这中间,继承是相对而言比较难理解的,因为javascript的继承方式比较多,也有不同的优缺点。今天小编为大家带来这篇文章就是来和大家一起说一说Javascript继承的常用4种方法,希望能够对你有所帮助。
1、原型链继承
核心:将父类的实例作为子类的原型
缺点:父类新增原型方法/原型属性,子类都能访问到,父类一变其它的都变了
2、构造继承
基本思想
借用构造函数的基本思想就是利用call或者apply把父类中通过this指定的属性和方法复制(借用)到子类创建的实例中。
因为this对象是在运行时基于函数的执行环境绑定的。也就是说,在全局中,this等于window,而当函数被作为某个对象的方法调用时,this等于那个对象。
call、apply方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。
所以,这个借用构造函数就是,new对象的时候(new创建的时候,this指向创建的这个实例),创建了一个新的实例对象,并且执行Parent里面的代码,而Parent里面用call调用了Person,也就是说把this指向改成了指向新的实例,所以就会把Person里面的this相关属性和方法赋值到新的实例上,而不是赋值到Person上面,所以所有实例中就拥有了父类定义的这些this的属性和方法。
因为属性是绑定到this上面的,所以调用的时候才赋到相应的实例中,各个实例的值就不会互相影响了。
核心:使用父类的构造函数来增强子类实例,等于是复制父类的实例属性给子类(没用到原型)
缺点:方法都在构造函数中定义,
只能继承父类的实例属性和方法,不能继承原型属性/方法,无法实现函数复用,每个子类都有父类实例函数的副本,影响性能
3、组合继承
组合继承(所有的实例都能拥有自己的属性,并且可以使用相同的方法,组合继承避免了原型链和借用构造函数的缺陷,结合了两个的优点,是最常用的继承方式)
核心:通过调用父类构造,继承父类的属性并保留传参的优点,然后再通过将父类实例作为子类原型,实现函数复用
缺点:调用了两次父类构造函数,生成了两份实例(子类实例将子类原型上的那份屏蔽了)
4、寄生组合继承
核心:通过寄生方式,砍掉父类的实例属性,这样,在调用两次父类的构造的时候,就不会初始化两次实例方法/属性,避免的组合继承的缺点
缺点:堪称完美,但实现较为复杂
以上就是小编今天为大家分享的关于web前端学习之Javascript继承的常用4种方法的文章,希望本篇文章能够对正在学习web前端技术的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web培训官网。
文章转载自公众号:前端研究所
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流