您好!欢迎来到爱源码

爱源码

热门搜索: 抖音快手短视频下载   

JS学习ES6 {网站源码}

  • 时间:2022-07-14 02:14 编辑: 来源: 阅读:271
  • 扫一扫,手机访问
摘要:JS学习ES6 {网站源码}
1.箭头函数:两种写法:1)表达式2)函数体表达式:1)设fn = p = > p2)设fn = (n,m) = > n+m3)设fn = () = > >我没有参数。函数体设fn=(n,m)= > { var total = n+m;返回总数;}2.定义一个类及其继承。1)逐类创建类。2)通过构造函数创建一个构造函数。3)函数名(){/公共属性和方法} 4)静态函数名(){/静态属性和方法向类中添加私有属性和方法;}5)class子类扩展父类{//子类继承父类构造函数(name,age,color) {super (name,age);//必写;}}3.增强的对象字面性1)简化书写2)原型继承:类似于“类”4。模板字符串var a= >朱峰:;var b = 8;var str = a+≥年龄是7岁。+b+;岁。;var str2 = & # x60${a}的年龄是${b}岁& # x60;5.结构赋值ES6环境的调试和创建。gitignore和readme.md文件:touch。gitignore README.md初始化package.json文件NPM安装Babel-clibabel-preset-es 2015–save-dev SCR in package . JSON . Ipts配置:" dev": "Babel src-d dist-w" Create。babelrc文件:触摸。babelrc在其中配置:{"presets":["es2015"]}基本项目目录结构描述。src es6源代码dist es6->es5可执行代码index.html加载dist目录下的代码,测试package.json如何开发NPM run dev arrow function arrow function。Use = >函数定义的简写。 支持两种写法:表达式和函数体表达式let fn3=p=>p,中间的p代表参数,箭头后面的p代表返回值;设fn3=()= > >没有参数输入的箭头功能;设fn3=(a,b)= > a+b;同上;函数体(显式编写)让fn3=(a,b)= > { var m = a+b;返回m;}注意:在箭头函数体中,this:parent作为作用域的关键字this;定义一个类及其继承来创建一个类,添加公共方法和静态方法;Class Father{ //使用Class创建Class constructor(name,age ){//创建构造函数this.name = namethis.age =年龄;} getMessage(){//添加公共方法console . log(this . name+←;年龄是7岁。+this.age+>岁。)} static like(){ //静态方法console . log(ˉ;我是一个静态方法。)}}构造函数的继承类Sun扩展父{//子类继承其父类构造函数(name,age,color) {super (name,age);//必须写;this.color = color} getColor(){ console . log(this . name+\u:我最喜欢的颜色是:+this . color);}}}加强对象字面性的优点:1)书写简化2)原型继承——类似于“类”;var obj = { data:123 };var a = 1;var b= >2:;var fn=(n,m)= > console . log(n+m);Var Other = {_ _ proto _ _: obj,a,b,fn}模板字符串var name= >唐唐:;var年龄= 2;var str = & # x60${name}已经${age}岁了& # x60;注& # x60& # x60(键盘左上角1旁边)而不是普通的单引号“”;解构var obj={a:1,b:>2:,fn(){ console . log(〉我是函数。)}};var {a,b,fn } = obj//这样就可以得到A,B,FN任意一个属性的值;var {Alert,ListView,Text } = reu qire(≥反应性的:);//同上;缺省参数,任意参数,扩展运算符-归约代码逻辑的缺省参数:function(a = > 1。唐唐:,b=123){}任意参数-处理与自变量无关的FAQ:函数(a,...keys)扩展运算符:var ary=[1,23,21];var newAry=[...ary,1000,10000];Math.max(...ary);将let const新增块级作为使用域,使用let;Const是一个常量,不能重复赋值;没有预先解释;


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术支持|常见问题】1556原创ng8文章搜索页面不齐(2024-05-01 14:43)
【技术支持|常见问题】1502企业站群-多域名跳转-多模板切换(2024-04-09 12:19)
【技术支持|常见问题】1126完美滑屏版视频只能显示10个(2024-03-29 13:37)
【技术支持|常见问题】响应式自适应代码(2024-03-24 14:23)
【技术支持|常见问题】1126完美滑屏版百度未授权使用地图api怎么办(2024-03-15 07:21)
【技术支持|常见问题】如何集成阿里通信短信接口(2024-02-19 21:48)
【技术支持|常见问题】算命网微信支付宝产品名称年份在哪修改?风水姻缘合婚配对_公司起名占卜八字算命算财运查吉凶源码(2024-01-07 12:27)
【域名/主机/服务器|】帝国CMS安装(2023-08-20 11:31)
【技术支持|常见问题】通过HTTPs测试Mozilla DNS {免费源码}(2022-11-04 10:37)
【技术支持|常见问题】别告诉我你没看过邰方这两则有思想的创意广告! (2022-11-04 10:37)

联系我们
Q Q:375457086
Q Q:526665408
电话:0755-84666665
微信:15999668636
联系客服
企业客服1 企业客服2 联系客服
86-755-84666665
手机版
手机版
扫一扫进手机版
返回顶部