类constructor 构造函数(1-01)extends 继承父类(1-03)super 调用父类中的构造函数和普通函数(1-03~05)insertAdjacentHTML 可以把用字符串创建的元素追加到父元素里面 (1-07)ondblclick 双击事件input.select() 文本框里面的内容处于选中状态( 1-01~03 )(1) 通过class 关键字创建类 类名
ES6Object对象新增了一些实用的方法Object.keys() Object.keys()方法返回一个数组,包含了给定对象所有的键名: const obj = { a: 1, b: 2 }; console.log(Object.keys(obj)); // ['a', 'b'] Object.values() Object.values()方法返回一个数组,包含了对
js
原创 2023-08-07 08:19:35
351阅读
一:String1.新特性,模版字符串。解释: 在反引号(“`”,~号键)中,使用${}作为模版,完成拼接工作。举例:<script> var name ="张三"; var age =18; //使用拼接字符串方式 var str = "姓名:"+name+",年龄:"+age; //使用ES6方式 var str2 =`姓名:${name},年龄:${ag
基本参数用法实例enumerable: true 会使得设置的这个参数能够被遍历到,反之不能被遍历到configurable: true 会使得设置的这个参数的属性不能被删除,默认为false
原创 2021-12-25 17:03:29
9阅读
基本参数用法实例enumerable: true 会使得设置的这个参数能够被遍历到,反之不能被遍历到configurable: true 会使得设置的这个参数的属性不能被删除,默认为false
原创 2022-02-25 14:02:32
32阅读
一、Es61.1、ES6的概述ECMAScript的快速发展: 编程语言JavaScript是ECMAScript的实现和扩展 。ECMAScript是由ECMA(一个类似W3C的标准组织)参与进行标准化的语法规范。ECMAScript定义了:[语言语法] – 语法解析规则、关键字、语句、声明、运算符等。[类型]– 布尔型、数字、字符串、对象等。[原型和继承]内建对象和函数的[标准库] – [JS
1. 扩展运算符,用...表示,将一个数组转为用逗号分隔的参数序列console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')][<div>, <div>, <div>]a. 该运算符主要
转载 20天前
10阅读
Not only can you provide default values when using ES6 parameter object destructuring, but you can also require the presence of certain properties. No
转载 2016-08-09 00:50:00
54阅读
2评论
这节学习ES6中创建对象新语法class。第一部分:ES5中创建对象、对象继承。  1.ES5中创建对象    ES5中创建对象是通过构造函数进行new实例化实现的。举例:创建用户对象 //创建User构造对象 function User(name, age) { this.name = name this.age = age } //创建静态方法 User.getClassN
主要知识点有对象类别、属性速记法、方法简写、需计算属性名、Object.is()方法Object.assign()方法、可允许重复的属性、自有属性的枚举顺序、Object.setPrototypeOf()方法、super引用、方法定义 1. 对象类别对象有以下几种类别:普通对象:拥有JS对象所有默认的内部行为;奇异对象:其内部行为在某些方面有别于默认行为;标准对象:在ES6中被定义的对象,
开篇Object对象可谓是JS的重要核心内容,在你使用JS的过程中,你会发现自己的工作大部分都是在操作对象,ES6ES7、ES8引入了不少新的方法,本篇文章笔者将带着大家一起熟悉下重点的新方法。本篇文章,笔者将从以下几个方面进行介绍:更简洁的语法Object.values()Object.entries()__proto__Object.is()Object.setPrototypeOf()Ob
原创 2021-01-11 17:46:22
250阅读
一、 数组扩展1. Array.from作用:将类数组对象转换为数组参数:类数组对象或可遍历对象(iterable)返回:数组Tips:参数一定要有length参数,否则会得到空数组let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5转换 let arr1 = [].slice.call(arrayL
CommonJS和ES6模块有什么区别!一、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用commonjs的用法,我们一起来看一下1.首先创建一个lib.js的文件// lib.js const counter = 3; const incCounter = ()=>{ counter++ } module.exports = { counter, i
一、JS数据类型基本数据类型:number string boolean null undefinedObject func…Symbol ( es6 )二、操作数组数组的变异能改变原数组的:pop push unshift shift splice reverse sort不能改变原数组的:indexOf lastIndexof concat slice常用方法es5:forEach filt
ES6中新方法方法的分类静态方法 指的是类本身调用的方法叫做静态方法 在类本身 由类调用普通方法 指的是类的原型上的方法 在原型上 由实例调用// 定义类 function Dog() { } // 定义普通方法 Dog.prototype.xxx = function() {} // 定义静态方法 Dog.sayHello = function
在使用es6的export时,我们可能时常遇到这样的疑问:export default const x = 9; 为啥会报语法错误?export default function f(){}; export default class C{};文件a:export let x = 8; 文件b:import { x } from './a' 两个x是同一个x吗?是一回事儿吗?问题一:export
一、改变原数组的方法(9个): ES5: a.pop()/ a.shift()/ a.push()/ a.unshift()/ a.reverse()/ a.splice()/ a.sort() ES6: a.copyWithin() / a.fill对于这些能够改变原数组的方法,要注意避免在循环遍历中改变原数组的选项,比如: 改变数组的长度,导致遍历的长度出现问题。1.pop() 删除一个数组中
1  基本用法Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。var target = { a: 1 };v ce1 = { b: 2 };var source2 = { c: 3 };Object.assign(target, source1, source2);target // {a:1, b...
转载 2023-01-30 16:26:43
34阅读
Object常用的方法Object.assign()通过复制一个或多个对象来创建一个新的对象Object.create()使用指定的原型对象和属性创建一个新对象Object.defineProperty()给对象添加一个属性并指定该属性的配置 Object.defineProperties()给对象添加多个属性并分别指定他们的配置Object.entries()返回给定对象自身可枚举属性
1.基本用法:Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target  1. var target = { a: 1 }; 2. var source1 = { b: 2 }; 3. var source2 = { c: 3 }; 4. Object.assign(target, source1, s
  • 1
  • 2
  • 3
  • 4
  • 5