1. strict模式 严格模式,限制一些用法,'use strict'; 比如x = 5就会报错; 必须有关键词进行声明 let x = 5 才不会报错 2. Array增加方法 增加了every、some 、forEach、filter 、indexOf、lastIndexOf、isArray、map、reduce、reduceRight方法 PS: 还有其他方法 Function.prot
1、原型继承 原型继承的问题:会出现多个实例属性相同的情况 stu1的原型指向已经发生改变 <script> function Stu(sco){ this.sco = sco } function Person(name,sex){ this.name = name this.sex = sex } Person.prototype.sleep =
FIRST DAY 今天是学习js的第一天 一 、 javascript:弱类型脚本语言,控制网页行为 css:标记语言,不是编程语言,不可嵌套书写,没有变量和合理样式复用机制 css预处理器:一种专门的编程语言,进行web页面样式设计,再通过编译器转变为正常的css文件,供 项目使用。
一、ES5新增的内容 我们说的ES5和ES6其实就是在 js 语法的发展过程中的一个版本而已 1、 数组的相关方法: 1-1. 数组.forEach(function (item, index, arr) {}) 1-2. 数组.map(function (item, index, arr) {}) 1-3. 数组.filter(function (item, index, arr)
1.require 与 import 1 2 3 4 5 // ES5 var React = require('react'); // ES6 import React from 'react'; 2.export 与 exports 1 2 3 4 5 // ES5 module.exports = Component; // ES6 export default Component;
怎么安装,大家可以参考其他文档,我只发一下我在修改app是的配置代码。
使用babel将ES6转化成ES5 有些浏览器还不支持ES6语法,这是我们需要将ES6语法转换成ES5,除了可以利用webpack的自动编译转换功能之外,也可使用babel进行转换。 出处:https://blog.csdn.net/kerelee_li/article/details/82349131 转换步骤如下: 1.创建文件及目录如下,dist文件夹下为Babel
1. 数组filter方法,参数传入一个函数,不改变数组本身,不对空数组操作,返回一个新数组。 Array.prototype.filterTest = function (callback) { if (typeof callback != 'function') { throw Error(`${callback}is not a functuon`) } const _this = this; if (_this.leng
1.es5 var arr1 = [1, 2, 3, 5, 9, 7, 4] var arr2 = [1, 2, 3, 10, 20, 5, 4] // 交集 var intersec = arr1.filter(val => arr2.indexOf(val) > -1) console.log(intersec) // 并集 var union = arr1.concat(arr2.fil
this的指向在调用时才确定。一般情况下,this指向调用者。 1.在构造函数中,this指向的是对象实例 var ldh = new Star("刘德华") //this指向ldh 2.原型对象函数里面的this指向的是实例对象ldh var Star=function(){ } var that; Star.prototype.sing=function(){ that=th
前端面试题 - js - es5 数据类型 基本数据类型检测 请补全JavaScript函数,要求以字符串的形式返回参数的类型。 注意:只需检测基本数据类型。 function _typeof(value) { // 补全代码 let str = Object.prototype.toString.call(value) let substring = str.substring(8
迭代器 遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员) Iterator 的作用有三个: 一是为各种数据结构,提供一个统一的、
组合继承(为什么叫组合继承,组合继承就是构造函数继承和原型链继承的组合) // 组合继承(只需要注意两点) // 第一点:继承father的属性值。在Children构造函数中调用Father.call(this,val) (构造函数继承) // 第二点:继承father的方法。let aa = new Father()之后可以aa.getVal(),让Children
1.简单示例 function Person(){ this.name = "lily" } let p = new Person() console.log(p.name); 2.构造函数和原型链里面增加方法 原型链上的属性会被多个实例共享,构造函数不会?? function Person(str){ this.name = "lily" this.sleep = function(){ return `${
1.babel环境搭建 执行 #babel index.js //将文件的es6语法解析成es5 .babelrc内容
25JSON ES5 ES5新增方法实现去重 一、JSON JSON JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON和JS对象的格式是一样的,只不过JSON字符串中的属性名必须加双引号 特点 - JSON 是轻量级的文本数据交换格式 - JSON 独立于语言:JSON 使用 Javascript语法来
1. 变量赋值 ES5: var,没有块级作用域,安全性差 ES6:let, const。有块级作用域 2. 对象字面量 下图中,{ }中的内容就是该对象的字面量 ES5: 写法如上图 ES6: 字面量写法增强 1. 属性增强写法 2. 函数增强写法:
<script> // ES5 继承方案 function A(a,b) { this.a = a this.b = b } A.prototype.fun = function() { console.log(this.a,this.b) } // 采用混合继承的方式 function B(a,b) { A.call(this,a,b) } B.prot
用Babel-cli将ES6转ES5 一、为什么要转ES5 虽然ES6非常好用,但并不是所有浏览器所有客户端都适应ES6的,降成ES5是为了更强的使用性。我一直不关注这个东西,直到有人和我说,你做的东西很好,但是对不起,我82年的浏览器显示不出来 二、安装转换工具 babel-cli 1.第一步初始化
前言:js是面向过程,不是面向对象 面向对象: 我们可以通过 new Object()和字面量创建,但是这两种方法不能判断对象归属问题以及不能批量产出对象,所以有了工厂模式,工厂模式是在函数中new一个对象,给对象赋值,然后return 对象,工厂模式解决了批量的问题,但是还是没有解决对象归属问题。所
Es5之前常用的三种继承 Es5继承 原型链继承 //原型链继承 //把父类的实力属性赋值给子类原型 , 就叫做原型链继承 //父类 function Fu(name) { this.name = name this.sleep = function () { console.log(this.name + "会飞");
什么是 Class? Class 的作用 ES6 的 Class 可以看作只是一个 ES5 生成实例对象的构造函数的语法糖。 它参考了 java 语言,定义了一个类的概念,让对象原型写法更加清晰,对象实例化更像是一种面向对象编程。 什么是 extends? extends 的作用 extends 是 ES6 引入的关键字,其本质仍然是构
(1)es5和es6,如何对字符串在页面进行换行显示 1>es5的换行代码实现: 字符串1+ "\n" +字符串2 。 特点:利用 \n 。 2>es6的换行代码实现: `字符串在页面的预定显示格式` 。 特定:利用反引号 ``。 (2)es5和es6,如何对字符串在页面进行空格显示 1>es5的空格代码实现: 利用 "N个空格符" 。
ES5, ES2015 (以前叫做 ES6)和 TypeScript 之间的区别是什么?我们应该学习和使用哪一个? 首先,让我们为讨论这些语言建立一个基础。TypeScript 是 JavaScript 的超集。 ES2015 是 ES5 的演进。这种关系让逐步学习它们变得容易些。 我们想理解它们之间的区别,但首先我们得知道它们是什
1.forEach方法 迭代(遍历)数组 var arr = [1, 2, 3]; var sum = 0; arr.forEach(function (value, index, array) { console.log('当前数组元素' + value); console.log('当前数组元素的索引号' + index); console.log(