尚硅谷——谷粒商城项目开发记录——2021.11.21
尚硅谷——谷粒商城项目开发记录——2021.11.21
概念:
1.var和let的区别:
- 作用域:
- var 声明的变量往往会越域
- let 声明的变量有严格局部作用域
- 声明次数:
- var 可以声明多次
- let 只能声明一次
- 变量提升(在方法之前运行):
- var 会变量提升
- let 不存在变量提升
2.const关键字:
- 声明之后不允许改变
- 一但声明必须初始化,否则会报错
3.解构表达式:
- 数组解构:
let arr = [1,2,3];
// 数组解构
let [a,b,c] = arr;console.log(a,b,c)
- 对象结构:
const person = {name: "jack",age: 21,language: ['java', 'js', 'css']
}
//对象解构
const { name: abc, age, language } = person;
4.字符串拓展:
- 几个新的 API:
- ES6 为字符串扩展了几个新的 API:
includes()
:返回布尔值,表示是否找到了参数字符串。startsWith()
:返回布尔值,表示参数字符串是否在原字符串的头部。endsWith()
:返回布尔值,表示参数字符串是否在原字符串的尾部。
- ES6 为字符串扩展了几个新的 API:
let str = "hello.vue";
console.log(str.startsWith("hello"));//true
console.log(str.endsWith(".vue"));//true
console.log(str.includes("e"));//true
console.log(str.includes("hello"));//true
- 字符串模板:
//字符串模板
let ss = `<div><span>hello world<span></div>`;
console.log(ss);
- 字符串插入变量和表达式。
// 变量名写在 ${} 中,${} 中可以放入 JavaScript 表达式。
function fun() {return "这是一个函数"
}let info = `我是${abc},今年${age + 10}了, 我想说: ${fun()}`;
console.log(info);
5.函数优化:
- 函数参数默认值:
//在ES6以前,我们无法给一个函数参数设置默认值,只能采用变通写法:
function add(a, b) {// 判断b是否为空,为空就给默认值1b = b || 1;return a + b;
}// 传一个参数
console.log(add(10));//现在可以这么写:直接给参数写上默认值,没传就会自动使用默认值
function add2(a, b = 1) {return a + b;
}
console.log(add2(20));
- 不定参数:
- 不定参数用来表示不确定参数个数,形如,…变量名,由…加上一个具名参数标识符组成。 具名参数只能放在参数列表的最后,并且有且只有一个不定参数
function fun(...values) {console.log(values.length)
}
fun(1, 2) //2
fun(1, 2, 3, 4) //4
- 箭头函数
- ES6 中定义函数的简写方式
//以前声明一个方法
var print = function (obj) {console.log(obj);
}
// 箭头函数
var print = obj => console.log(obj);
print("hello");// 以前
var sum = function (a, b) {c = a + b;return a + c;
}
// 箭头函数
var sum2 = (a, b) => a + b;
console.log(sum2(11, 12));var sum3 = (a, b) => {c = a + b;return a + c;
}
console.log(sum3(10, 20))// const 声明常量(只读变量)
const person = {name: "jack",age: 21,language: ['java', 'js', 'css']
}function hello(person) {console.log("hello," + person.name)
}//箭头函数+解构
var hello2 = ({name}) => console.log("hello," +name);
hello2(person);
尚硅谷——谷粒商城项目开发记录——2021.11.21相关推荐
- 尚硅谷——谷粒商城项目开发记录——2021.11.19
尚硅谷--谷粒商城项目开发记录--2021.11.19 出现错误 1.SpringBoot测试类出现Could not autowire. No beans of 'BrandService' typ ...
- 尚硅谷——谷粒商城项目开发记录——2021.11.22
尚硅谷--谷粒商城项目开发记录--2021.11.22 概念: 1.对象优化: 新增的API: ES6 给 Object 拓展了许多新的方法,如: keys(obj): 获取对象的所有 key 形成的 ...
- 尚硅谷——谷粒商城项目开发记录——2021.11.20
尚硅谷--谷粒商城项目开发记录--2021.11.20 概念: 1.SpringCloud Alibaba: 简介: Spring Cloud Alibaba 致力于提供微服务开发的一站式解决方案.此 ...
- 尚硅谷谷粒商城项目学习笔记-基础-P1项目搭建
基础-P1项目搭建 0.虚拟机 1.项目架构 1.1Docker 1.1Docker命令 1.3Docker容器文件挂载与端口映射 1.2微服务-注册中心.配置中心.网关 1.3工具配置 1.3.1 ...
- 尚硅谷谷粒商城项目P16前端项目renren-fast-vue的bug,耗时三天终于运行起来了
1.从gitee上克隆项目到本地 命令:git clone [项目地址] 2.以管理员身份运行VSCode,打开renren-fast-vue项目 记住,要以管理员身份运行VSCode,在VSCode ...
- M5(项目)-01-尚硅谷谷粒商城项目分布式基础篇开发文档
M5(项目)-01-尚硅谷谷粒商城项目分布式基础篇开发文档 分布式基础篇 一.环境搭建 各种开发软件的安装 虚拟机: docker,mysql,redis 主机: Maven, idea(后端),Vs ...
- 尚硅谷谷粒商城第一天 基础
尚硅谷谷粒商城 MAC环境搭建 #1. 软件准备 下载.安装Virtual Box https://www.virtualbox.org/wiki/Downloads 下载.安装Vagrant htt ...
- 尚硅谷-谷粒商城-电商项目-秒杀系统-笔记
商城项目简介 项目主要实现了一个模拟电商的分布式秒杀系统,核心模块包括注册登录模块.订单模块.秒杀模块. 框架是spring一套,用到的组件包Nignx服务器,redis,Mysql数据库,rabbi ...
- 尚硅谷谷粒商城第十六天 支付、秒杀
1. 支付 订单搞定之后就是支付了,首先搭建支付工程. 1.1. 搭建环境 pom.xml <?xml version="1.0" encoding="UTF-8& ...
最新文章
- tcpdump 命令的个常用选项:一
- 外部程序调用Activity的几种方法总结
- 将要看的两本书 - Hide From All - ITeye技术网站
- eclipse主题下载网站
- @DateTimeFormat注解
- Khronos EGL and Apple EAGL
- Android(java)学习笔记69:短信发送器
- 怎么才能在APP里实现移动端车牌识别功能?
- SOPC自定义外设(IP)的地址对齐
- 谁扰乱了中国的工资秩序?
- 我不断收到“ Uncaught SyntaxError:意外令牌o”
- java编译是用javac吗_用java自带工具javac和java编译运行java程序
- 各种浏览器UserAgent一览表(桌面+移动)
- Insert Guest Additions CD image 没有反应
- cad2020卸载工具_2020年您应该拥有的12个自由职业者设计工具
- 自动控制原理-频率特性 G(jw ) 定义
- Dell intel i5 1135笔记本 ubuntu18.04无法调节屏幕亮度
- 从空间中理解线性代数
- VSCode安装TinyPNG,并配置api key
- HTTPS hostname wrong: should be <
热门文章
- 关于嵌入式开发工程师的那些事(持续更新)
- android 游戏 锁屏界面开发,android 锁屏程序开发
- 数据结构与算法分析 ——回溯算法之收费公路重建问题
- 免费下载视频号视频到本地
- vue版本问题导致:Syntax Error: TypeError: Cannot read properties of undefined (reading ‘parseComponent‘)
- ArcMap软件卡在加载界面且闪退无法打开的多种解决办法
- 震撼!这群人已经先富了,到底发生了什么?
- OpenStack架构详解
- flume系列之:使用通配符批量消费kafka的Topic
- 《HTML+CSS+JavaScript》之第20章 超链接样式