JS的ES51.严格模式:(1)什么是严格模式:在全局或函数的第一条语句定义为: 'use strict'如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用(2)严格模式作用:必须用var声明变量禁止自定义的函数中的this指向window创建eval作用域对象不能有重名的属性2.json字符串:分类:json对象json数组json对象和数组都
1.什么是ES6?ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。ES6主要是为了解决ES5的先天不足,比如JavaScript里并没有类的概念,但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏览器也支持ES6,不过只显示了ES6的部分特性和
转载
2024-06-13 20:19:45
37阅读
文章目录一、概述1.2 构造函数二、静态成员 & 实例成员2.1 实例成员2.2 静态成员三、原型3.1对象原型3.2 原型的 constructor构造函数3.3 原型链3.4 原型对象的应用3.5 总结四、继承2.1 call方法2.2 利用父构造函数实现继承2.3 class 类的本质 一、概述在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例
转载
2024-02-08 07:37:21
46阅读
ES6ES6的了解 es6是一个新的标准,它包含了许多新的语言特性和库,是JS最实质性的一次升级。 比如’箭头函数’、’字符串模板’、’generators(生成器)’、’async/await’、’解构赋值’、’class’等等,还有就是引入module模块的概念。箭头函数 箭头函数需要注意的地方 可以让this指向固定化,这种特性很有利于封装回调函数 (1)函数体内的t
commonjs模块化解决方案commonjs导入导出需要底层解析器如webpack的支持,无法直接使用下面的格式导入导出CommonJS的导出语法:module.exports={...}CommonJs中使用module.exports导出变量及函数,也可以导出任意类型的值,看如下案例// 导出一个对象
module.exports = {
name: "蛙人",
age: 2
英文 | https://www.javascripttutorial.net翻译 | 杨小爱在本教程中,我们将学习了解JavaScript符号原始类型以及如何有效地使用Symbol。创建SymbolES6 添加了 Symbol 作为新的原始类型。与数字、布尔值、空值、未定义和字符串等其他基本类型不同,symbol类型没有文字形式。要创建Symbol,我们可以使用全局 Symbol() 函数,如本
ECMAScript6.0 (es6/es2015)
介绍 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了 它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言ECMAScript 和 JavaScript 的关系 JavaScript由DOM BOM ECMAScr
Babel: 实际上就是一个JavaScript的编译器,用来将ES6代码转换为浏览器或者其他环境支持的代码Babel 工作流程:大致分三步:Parser 解析源文件Transform 转换Generator 生成新文件引擎:acorn如何转化: 通过插件,Babel给每个新语法提供插件,在Babel里面配置什么插件,就转化对应的语法。插件命名形式:@babel/plugin-xxxBabel组成
转载
2024-09-23 21:07:47
47阅读
1、page标签:设置jsp转译时的一些配置信息。 2、局部代码块: 声明方式:<% java代码 %>特点:使用局部代码块声明的java代码会被原样转译到_jspServlet方法 中。是局部代码。 3、全局代码块: 声明方式:<%! 全局java代码%> 特点:全局代码块中声明的java代码,在被转译时,会转译成jsp对应的 java文件中的全局
转载
2024-07-08 07:36:39
39阅读
目录数组1.map()2. forEach() 注意:map和forEach 有可能改变原数组3. filter()4.find() 5.findIndex() 6.some() 7.every() 8. reduce()对象1.Object.is()&nbs
转载
2024-04-27 19:49:11
144阅读
javascript中的parseInt与parseFloat都是用来将字符串类型转换为数字类型。虽然这样的函数每天都会使用到,但是还是有必要讲一下,也许稍有不慎就会产生不一样的结果。 parseInt(string,radix)函数用来将字符串类型数据转换为整型。其中的string表示将要转换的数据,radix代表基数(用来表示要转换数据的进制数)。通常函数会先检查传过来的数据是否为s
转载
2024-07-07 17:03:31
32阅读
名称:YUI Compressor
最新版本:2.4.2用途:js/css压缩必备指数:使用难度:(YUI Compressor非常易用,只是配置的时候会遇到些麻烦) YUI Compressor是java程序,如果你对java很熟悉的话,大可快速的上手使用yuicompressor.jar;如果你和明河一样,对java很陌生,没关系,一样可以使用YUI Compressor,只不过使用的是淘宝U
1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babelrc,
原创
2022-09-22 16:06:18
346阅读
ES6 新引入了 Generator 函数,可以通过 yield 关键字,把函数的执行流挂起,为改变执行流程提供了可能,从而为异步编程提供解决方案。生成器函数:它允许你定义一个包含自有迭代算法的函数, 同时它可以自动维护自己的状态。生成器函数使用 function*语法编写。 最初调用时,生成器函数不执行任何代码,而是返回一种称为Generator的迭代器。 通过调用生成器的下一个方法消耗值时,G
转载
2024-04-15 16:12:05
56阅读
webpack这货还是挺火的,目前前端不管是react和vue都用这个打包,还是挺好用的,本文刚开始写的是webpack2,但后来发现webpack3可以无伤升级就升级了下,据说webpack3相对于2的生成的代码运行速度更快!在家里装了个最新版本的nodejs8.4.0,附带的npm是5.3.0的,有的时候install的时候会爆Cannot read property ‘0’ of unde
一、将es6转成es5的操作需要通过gulp-babel插件完成npm install -g babel-cli
npm install --save-dev babel-preset-es2015
npm init -y
3) 项目目录创建文件根目录下创建一个index.js,代码:
let =45;
和新建自定义文件:.babelrc 代码:
{
转载
2024-05-10 18:48:34
1877阅读
js中escape,encodeURI,encodeURIComponent函数和unescape,decodeURI和decodeURIComponent函数的功能
1.escape方法对String对象编码,escape方法返回一个包含了"转义序列"的字符串值。
除了ASCII字母和数字,以及这几个符号 *+-/.@_外(共有10+52+7=69个
JavaScript 中有 6 种不同的数据类型:string(字符串) number(数字) boolean(布尔) object(对象) function(函数) symbol(ES6的数据类型之一)有 3 种对象类型:Object(对象) Date(日期) Array(数组)有 2 个不包含任何值的数据类型:null undefined需要注意几个: NaN 的数据类型是 number 数组
ES6模块化如何使用,开发环境如何打包?1.模块化的基本语法/* export 语法 */
// 默认导出
export default {
a: '我是默认导出的',
}
// 单独导出
export function fn1() {
console.log('我是函数1')
}
export function fn2() {
console.log('我是函数2')
}/* imp
Babel 转码器Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。下面是一个例子。// 转码前
input.map(item => item + 1);
// 转码后
input.map(function (item) {
return item + 1;