ES6教程-字符串，函数的参数，了解函数的arguments对象，js面向对象，设计模式-单例模式，解构赋值...

前言

主要讲解了ES6对字符串的拓展，包括includes，startsWith和endsWith，另外增加了字符串模板。

Start

includes()是否包含
startsWith()以什么开头
endsWith()以什么结尾

返回结果为true

返回结果为true

str.endsWith();

字符串模板

函数的参数

函数的参数，展开运算符：...

了解函数的arguments对象

arguments为一个对象，类数组

js面向对象

// var student = {}; //创建对象
var student = new Object();
student.name = "dashu";
student.age = 12;
student.job = "school student";
student.study = function(){
 alert("study");
}
student.study();

var student = {
 name : "dashu",
 age : 12;
 job: "school student",
 study : function(){
  alert("study");
  }
};
student.study();

数据属性js中的

var student = {
 name: "dashucoding"
}
alert(student.name);

var student={};
Object.defineProperty(student,"name",{
 writable:true,
 value: "dashucoding"
});
alert(student.name);

configurable表示能否通过delete来删除属性值，默认为true
Enumerable表示能否通过for-in来枚举对象的属性值，默认为true
writable表示能否修改属性值，默认为true

设计模式-单例模式

var mask = function(){
 document.body.appendChild(document.createElement('div'));
}
var obtn = document.getElemetnById("btn");
obtn.onclick = function(){
 mask();
}

// 单例模式
var singleton = function(){
 var res;
 return function(fn){
  return res||(res=fn.apply(this,arguments))
 }
}();
var obtn = document.getElementById("btn");
obtn.onclick=function(){
 singleton(function(){
  return document.body.appendChild(document.createEelement('div'));
 })
}

解构赋值

解构赋值为一种表达式，用来获取数据

let arr=[1,2,3];
let a = arr[0];
let b = arr[1];
let c = arr[2];
console.log(a,b,c);

let arr = [1,2,3];
let [a,b,c] = arr;
console.log(a,b,c);

let arr = {
 a:1,
 b:2,
 c:3
}
let (a,b,c) = arr;
// let(a,b,c) = [1,2,3];
console(a,b,c);

结语

• 本文主要讲解 ES6教程-字符串，函数的参数，了解函数的arguments对象，js面向对象，设计模式-单例模式，解构赋值
• 下面我将继续对其他知识 深入讲解 ，有兴趣可以继续关注
• 小礼物走一走 or 点赞

转载于:https://www.cnblogs.com/dashucoding/p/9467069.html