所属分类：web前端开发
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
【相关推荐：JavaScript视频教程、web前端】
ES6的类它的绝大部分功能, ES5都可以做到,而class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已， 语法糖就是一种便捷写法. 简单理解, 有两种方法可以实现同样的功能，但是一种写法更加清晰、 方便那么这个方法就是语法糖，对于es5来说es6就是语法糖
这俩看起来，那个比较简单呢？对就是第二个（别杠），这就是语法糖
语法：数组.forEach（回调函数（value：数组当前项值，index：数组当前索引，array：数组本身））
微博登录
QQ登录 <script>
var arr = [5, 6, 7];
var sum = 0;
arr.forEach(function (value, index, array) {
console.log(value);
sum += value;
})
console.log(sum);
</script>登录后复制
主要是用来筛选数组的（迭代遍历后得到的是一个数组，所以需要接受一下）
// filter
var arr1 = [12, 34, 5, 66, 78, 0];
// 由于filter返回的是一个新数组所以需要接收一下newArray
var newArray = arr1.filter(function (value, index) {
// 找到小于10 的数
return value < 10;
})
console.log(newArray);登录后复制用来查找数组中是否有满足条件的元素（返回值是一个Boolean的值，有该查找的元素就返回true，没有的话就返回false，当查找到第一个满足的元素时，则会停止查找）
var arr = [2, 3, 4, 5, 6];
var newArr= arr.some(function (value, index) {
return value % 3 === 0;
})
console.log(newArr);登录后复制依次判断，先从第一个元素开始，查看是否满足条件如果不满足条件则接着查找，如果满足条件则返回true，如果没有任何一个元素满足条件则返回false
var fileBlog= [
{
title: '【JavaScript——初始JS】',
url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
intr: '本文是一篇对js萌新极其友好的一篇文章....'
}, {
title: '【JavaScript——初始JS】',
url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
intr: '本文是一篇对js萌新极其友好的一篇文章....'
}, {
title: '【JavaScript——初始JS】',
url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
intr: '本文是一篇对js萌新极其友好的一篇文章....'
}
]
var fblog = fileBlog.map(function (item) {
return `
<li>
<h5>${item.title}</h5>
<p>${item.intr}</p>
<a href="${item.url}" target="_blank">阅读博客</a>
</li>
`
})
var ul = document.querySelector('.blogs').querySelector('.bcon').querySelector('.blist');
console.log( fblog.join(''));
ul.innerHTML = fblog.join('');登录后复制trim()方法（trim不会影响字符串本身的，返回的是一个新的字符串）
trim指回去除两侧的空格而在字符春中间的空格不会被去除掉
Object.keys() 用于获取对象自身所有的属性 object . keys (obj) ,效果类似for..in ,返回一个由属性名组成的数组
var obj = {
idcard:10086,
uname:'山鱼',
age:20,
sex:'男'
}
var obj1 = Object.keys(obj);
console.log(obj1);登录后复制
Object.defineProperty()第三个参数descriptor说明:以对象形式{}书写
var obj = {
idcard:10086,
uname:'山鱼',
age:20,
sex:'男'
}
// 给obj添加一个birthday属性，属性值为‘11.27’
Object.defineProperty(obj,'birthday',{
value:'11.27'
}
)
// 修改obj里面的age属性，修改后的属性值为25
Object.defineProperty(obj,'age',{
value:25
}
)
console.log(obj);登录后复制
(idcard的值并没有修改 )
Object.defineProperty(obj,'location',{
value:'JingXian',
writable:false,
enumerable:false
}
)
console.log(obj);登录后复制目标属性是否可以被删除或是否可以再次修改特性
Object.defineProperty(obj,'location',{
value:'JingXian',
writable:false,
enumerable:false,
configurable:false
}
)
delete obj.location;
console.log(obj);
delete obj.uname;
console.log(obj);登录后复制
也不可以再次修改里面的特性
【相关推荐：JavaScript视频教程、web前端】
以上就是JavaScript进阶学习之初识类、函数进阶、如何改变this指向的详细内容，更多请关注zzsucai.com其它相关文章！
