什么是JavaScriptJavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。JavaScript特点是一种解释性脚本语言(代码不进行预编译)。 主要用来向HTML(标准通用标记语言下的一个应用)页面
文章目录ES6新特性概述ES2015概述变量声明let和块级作用域const(主用)数组解构对象解构模板字符串简介标签函数字符串扩展参数默认值剩余操作符展开操作符箭头函数简介this对象字面量Object.assign方法Object.is方法class类静态static类的继承extends其他方法SetMapSymbol数据类型for…of遍历ES2015其他内容ES2016概述 ES6新特
const声明常量的注意事项基本与let相同,也是有四个说明点: 1:只在当前代码块下作用 2:作用域不会被提升 3:不能重复声明 4:声明的常量必须赋值 重点要说一下的是第四点: { let str ; str = '藏三'; console.log(str) } 上面这样写是没什么问题的,然后改成下面的代码: { const str ; str = '藏三'; console.log(str
xmind文件如图所示,                                                    &
Array.from()Array.from方法用于将两类对象转为真正的数组//下面是一个类数组对象 const obj = { '0': 'a', '1': 'b', '2': 'c', length: 3 } //ES5的写法: const arr1 = [].slice.call(obj); // ['a', 'b', 'c'] //ES6 const arr2
转载 2024-10-08 18:24:23
38阅读
ECMAScript6.0 (es6/es2015) 介绍 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了 它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言ECMAScript 和 JavaScript 的关系 JavaScript由DOM BOM ECMAScr
如何搭建ES6的webpack开发环境?谈一下JS的模块化?如何实现一个自己的Promise?Async和Await的底层实现原理? 1.如何搭建ES6的webpack开发环境?安装Node环境 node -v // 10.14.1安装NPM环境 npm -v // 6.4.1安装babel npm inst
一、使用<script>元素  1、<script>元素定义了6个属性:     async:可选。表示应该立即下载脚本,但不应该妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。     charset:可选。表示通过src属性指定的代码的字符集。很少人用。     defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部
转载 2024-09-05 10:06:39
51阅读
        上节介绍了Set和WeakSet,这节咱就讲Map和WeakMap是什么?当然,两者之前并没什么必然的联系,仅仅是用法类似。 什么是Map        介绍什么是Map,就不得不说起Object对象,我们都知道O
一、基本语法:  1、与html结合方式    1、内部JS:      *  定义<script>,标签体内容就是JS代码    2、外部JS:      *  定义<script>,通过src属性引入外部的js文件    *  注意:      1、<script>可以定义在html页面的任何地方,但是定义的位置会影响执行顺序 
一、数据类型(let/const)1、在其他语言(如C/C++/java等)中,变量最小作用域是以{}括起来的块级作用域,相对而言,在es5前,js中最小的作用域为函数,这样会导致在某些场景下,运用起来会比较繁琐。举例子1 for (var i = 0; i < 3; i++) { 2 setTimeout(function() { 3 console.log(i);
转载 2023-11-03 13:26:45
58阅读
一、类的支持1、简介ES6中添加了对类的支持,引入了class关键字。JS本身就是面向对象的,ES6中提供的类实际上只是JS原型模式的包装。现在提供原生的class支持后,对象的创建,继承更加直观了,并且父类方法的调用,实例化,静态方法和构造函数等概念都更加形象化。JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) {
转载 2024-04-18 07:26:11
44阅读
目录1、js数据类型有哪些2、内置对象有哪些3、数组去重几种方式4、数组深拷贝几种方式5、对象深拷贝几种方式 6、定时器有几种,有什么区别7、说下对Promise的理解8、说下对模块导入导出的理解9、箭头函数和普通函数的区别10、数组排序的几种写法1、js数据类型有哪些        JS的数据类型分为:基本
转载 2024-06-05 09:11:03
99阅读
JS 语言中,生成实例对象的传统方法是通过构造函数。构造函数的一个例子如下代码:function Point(x, y) { this.x = x; this.y = y;} Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';}; var p = new Po
meta的http-equiv属性详解http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-
转载 2024-06-13 22:09:45
67阅读
一、什么是JavaScript  JavaScript一种动态类型,弱类型,基于原型的客户端脚本语言,用来给HTML网页增加动态功能。  动态:  在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。  弱类:  计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型。原型:  新对象继承对象(作为模板),将自身的属性共享
转载 2024-08-14 15:12:14
30阅读
1、page标签:设置jsp转译时的一些配置信息。 2、局部代码块: 声明方式:<% java代码 %>特点:使用局部代码块声明的java代码会被原样转译到_jspServlet方法 中。是局部代码。 3、全局代码块: 声明方式:<%! 全局java代码%> 特点:全局代码块中声明的java代码,在被转译时,会转译成jsp对应的 java文件中的全局
转载 2024-07-08 07:36:39
39阅读
1.箭头函数=> ([函数的形参,多个参数则以逗号分隔]) => [函数返回的值/表达式] 箭头函数则会捕获其所在上下文的 this 值,作为自己的 this 值。这样就 不需要利用闭包来保存this了。 2.let 自ES6,javascript开始拥有块级作用域,而 let 则是配合块级作用域,作为替代 var 的一个语法定义。 有了块级作用域,再也不
转载 2024-05-20 16:25:31
96阅读
本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。1、如何隐藏所有指定的元素:const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); // 事例:隐藏页面上所有<img>元素? hide(document.querySelectorA
Javascript Es6方法合集1.filter2.map3.reduce10.findIndex 1.filter原理filter()方法会创建一个新数组,原数组的每个元素传入回调函数中,回调函数中有return返回值,若返回值为true,这个元素保存到新数组中;若返回值为false,则该元素不保存到新数组中;原数组不发生改变。let values=[NaN, 10, 10, 0, 10,
转载 2024-06-30 19:30:13
23阅读
  • 1
  • 2
  • 3
  • 4
  • 5