博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6教程-字符串,函数的参数,了解函数的arguments对象,js面向对象,设计模式-单例模式,解构赋值...
阅读量:4448 次
发布时间:2019-06-07

本文共 1866 字,大约阅读时间需要 6 分钟。

标题图

前言

主要讲解了ES6对字符串的拓展,包括includesstartsWithendsWith,另外增加了字符串模板。

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 点赞

送❤

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

你可能感兴趣的文章
第一次玩蛇,有点紧张。
查看>>
DAO层,Service层,Controller层、View层 的分工合作
查看>>
EF不能很好的支持DDD?估计是我们搞错了!
查看>>
用户登录安全框架shiro—用户的认证和授权(一)
查看>>
提取图片的文字
查看>>
Supports BorlandIDEServices
查看>>
SVM-支持向量机算法概述
查看>>
ios开发零食
查看>>
Coursera台大机器学习技法课程笔记01-linear hard SVM
查看>>
机器学习(Machine Learning)&深度学习(Deep Learning)资料(Chapter 2)
查看>>
Bag of Tricks for Image Classification with Convolutional Neural Networks论文笔记
查看>>
MACE环境搭建
查看>>
SD 信贷出口 备忘
查看>>
iOS正确的自定义View方式
查看>>
nginx修改php.ini生效:php-fpm重启与nginx加载配置文件
查看>>
ubuntu下基于sqlite3后台的php环境的搭建
查看>>
Qt 静态库与共享库(动态库)共享配置的一个小办法
查看>>
linux_cacti 配置之 安装snmp 服务
查看>>
201407-至今
查看>>
c# 应用事务
查看>>