前言
主要讲解了ES6对字符串的拓展,包括includes
,startsWith
和endsWith
,另外增加了字符串模板。
Start
includes()
是否包含startsWith()
以什么开头endsWith()
以什么结尾
ES6-字符串
返回结果为true
ES6-字符串
返回结果为true
ES6-字符串
str.endsWith();
ES6-字符串
ES6-字符串
字符串模板
ES6-字符串
函数的参数
函数的参数,展开运算符:
...
ES6-函数参数
ES6-函数参数
ES6-函数参数
ES6-函数参数
ES6-函数参数
了解函数的arguments对象
arguments
为一个对象,类数组
Document
Document
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 点赞