标签：const log age 解构 let console 默认值 name
// let 声明变量
1 变量不能重复声明
2 块级作用域
if else while for
3 不存在变量 提升
4 不影响作用域链
-----------------------------------------
// const 声明常量
1 一定要赋 初始值
2 一般常量使用大写
3 常量值不能修改
4 也是块级 作用域
5 对于数组 和对象的元素修改， 不会报错
-----------------------------------------
// 1 数组的解构
const F4 = ['小沈阳','刘能','赵四','宋小宝'];
let [xiao,liu,zhao,song] = F4;
console.log(xiao,liu,zhao,song); // 小沈阳 刘能 赵四 宋小宝
// 2 对象的解构
// const zhao = {
// name:"赵本山",
// age:'75',
// xiaopin:function(){
// console.log('可以演小品');
// }
// }
// let {name,age,xiaopin} = zhao;
// console.log(name,age,xiaopin); // 赵本山 75 ƒ (){ console.log('可以演小品'); }
// xiaopin(); // 可以演小品
// 2 对象的解构
// const zhao = {
// name:"赵本山",
// age:'75',
// xiaopin:function(){
// console.log('可以演小品');
// }
// }
// let {name,age,xiaopin} = zhao;
// console.log(name,age,xiaopin); // 赵本山 75 ƒ (){ console.log('可以演小品'); }
// xiaopin(); // 可以演小品
-----------------------------------------
// 模板字符串 '' "" ``
// 1 声明
// let str = `一个字符串`;
// console.log(str, typeof str); // 一个字符串 string
// 2 内容中可以直接出现换行符
let str = `
<ul>
<li>沈腾</li>
<li>玛丽</li>
</ul>`;
// 3 变量 拼接
let loverSt = '魏翔';
let out = `${loverSt}是我心目中最搞笑的演员!!!`;
console.log(out); // 魏翔是我心目中最搞笑的演员!!!
// 简化写法
let name = 'Eirc';
let change = function(){
console.log('改变自己...');
}
// const school = {
// name:name,
// change:change
// }
const school = {
name,
change,
improve(){
console.log('简化方法');
}
}
console.log(school); // {name: "Eirc", change: ƒ, improve: ƒ}
// 箭头函数
// let fn = function(){
// }
// let fn = (a,b) =>{
// // console.log(this); // window
// return a + b;
// }
// let result = fn(2,3);
// console.log(result); // 5
// 1 this 是静态的 this 始终指向函数声明时所在作用域下的this
function getNmae(){
console.log(this.name);
}
let getName2 = () => {
console.log(this.name);
}
// 设置 window 对象的 name 属性
window.name = 'Eric';
const school = {
name:"eric"
}
// getNmae(); // Eric
// getName2(); // Eric
// getNmae.call(school); // eric
// getName2.call(school); // Eric // window
// 2 不能 作为 构造函数化对象
// let Person = (name,age) => {
// this.name = name;
// this.age = age;
// }
// let me = new Person('xiao',30)
// console.log(me); // Person is not a constructor
// 3 不能使用 arguments 变量
// let fn = () => {
// console.log(arguments);
// }
// fn(1,2,3) // arguments is not defined
// 4 箭头函数的简写
// 1) 省略小括号, 当形参只有一个时候
// let add = (n) =>{
// return n + n;
// }
// let add = n =>{
// return n + n;
// }
// console.log(add(9)); // 18
// 2) 省略花括号, 当代码体只有一条语句的时候, 此时 return 必须省略 语句执行结果就是函数的返回值
// let pow = (n) => {
// return n * n ;
// }
// let pow = n => n * n ;
// console.log(pow(8)); // 64
从数组中返回偶数的元素
const arr = [1,6,9,10,100,25];
// const result = arr.filter(function(item){
// if(item % 2 === 0){
// return true;
// }else{
// return false;
// }
// })
const result = arr.filter(item => item % 2 === 0);
console.log(result);
// 箭头函数 适合于 this 无关的回调 定时器，数组的方法回调
// 参数初始默认值
// 1 形参初始值 具有默认值的参数，一般位置要靠后
// function add(a,b,c=10){
// return a + b + c;
// }
// let result = add(1,2);
// console.log(result); // 13
// 2 与结构赋值组合
function connect({host='127.0.0.1',username,password,port}){
console.log(host,username,password,port); // localhost root root 33
}
connect({
host:'localhost',
username:'root',
password:'root',
port:33
})
标签：const,log,age,解构,let,console,默认值,name 来源： https://www.cnblogs.com/eric-share/p/14769927.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。