2019年05月_Servenity

转载 call、apply、bind方法详解

1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的，只是传参方式不一样而已。call()方法使用： window.msg = '1'; document.msg = '2'; var log = {msg: '3' }; function change()...

2019-05-16 09:35:20 277

转载 JS继承的几种方式

一、属性拷贝就是将对象的成员复制一份给需要继承的对象// 创建父对象var superObj = { name: 'Li', age: 25, friends: ['小明', '小李', '小赵'], showName: function(){ alert(this.name); }}// 创建需要继承的子对象var subObj = {};//...

2019-05-14 10:32:49 857

转载帮你彻底搞懂JS中的prototype、proto与constructor

作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__proto__属性的两边是各由两个下划线构成（这里为了方便大家看清，在两下划线之间加入了一个空格：_ _proto_ _），本文基于谷歌浏览器（版本 72.0.3626....

2019-05-11 10:23:50 266

原创箭头函数

ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var ...

2019-05-10 14:41:48 261

原创 ES6函数扩展

/一、基本用法// ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y) {y = y || 'World';console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // He...

2019-05-10 14:29:51 217

原创 ES6字符串新增方法及扩展

// 实例方法：includes(), startsWith(), endsWith()// 传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。// includes()：返回布尔值，表示是否找到了参数字符串。// startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。// endsWit...

2019-05-08 14:41:12 458

原创 ES6 Let和Const命令

//let用法类似于var 但是声明的变量只在代码块中有效注：只有在声明之后才能被使用，不同于var,不存在变量提升{let a =10;var b = 11;}//a is not defined//b 1//const 声明一个只读的常量，一旦声明，常量的值就不能改变注：只有在声明之后才能被使用，不存在变量提升const PI = 3.1415926;...

2019-05-08 09:05:19 177

原创 ES6对象代理

/* eslint-disable */{ // ES3,ES5 数据保护 var Person = function() { var data = { name: 'es3', sex: 'male', age: 15 } this.get = function(key) { return data[key] ...

2019-05-07 16:25:29 187

转载彻底搞懂JS闭包各种坑

闭包是js开发惯用的技巧，什么是闭包？闭包指的是：能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。eg:function outer() { var a = '变量1' var inner = function () { console.info(a) } retur...

2019-05-07 14:55:14 222

Servenity