如何理解 JS 原型和原型链(隐式原型和显示原型)1.原型ES6中的 class 是一个语法糖,class实际上是一个函数。// 父类(基类) class People { constructor(name, age) { this.name = name; this.age = age; } sayName() { console.log(this.name); } } // 子类使用 extends 关键字 实现继承 class Programmer extends People { constructor(name, type) { // super() 调用父类的构造函数 super(name); this.type = type; } code() { console.log(`${this.name} is 正在写代码`); } job() { console.log(`${
class JQuery { constructor(selector) { const dom = document.querySelectorAll(selector); for (let i = 0; i < dom.length; i++) { this[i] = dom[i]; } this.length = dom.length; this.selector = selector; } each(fn) { for (let i = 0; i < this.length; i++) { fn(this[i], i); } } get(index) { return this[index]; } on(eventName, fn) { this.each(function (item) { ite
1.ClassES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。 基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。class Programmer { constructor(name, type) { this.name = name; this.type = type; } code() { console.log(`${this.name} is 正在写代码`); } job() { console.log(`${this.name} is ${this.type}`); } } const John = new Programmer('John', '前端工程师'); console.log(John.name); // John c
字符串拼接const a = 100 + '100'; // '100100' const b = 100 + 10; // 110 const c = true + '100'; // 'true100'只要有字符串运算就不在是加法,而是字符串拼接== 运算符100 == '100' //true 0 == '' //true 0 == false //true false == '' //true null == undefined //true== 会类型转换尽量让值去相等=== 运算符// 除了==null外,其余全部使用 === const obj = { x:100 } if (obj.a == null) { //这里相当于 obj.a === null || obj.a === undefined,简写形式 //这是jquery源码中推荐的写法 }if语句truly变量:两步非运算等于true( !!a === true )的变量falsely变量:两步非运算等于false (!!a === false) 的变量// 以下是falsely变量。除此之外都是truly变
NPM,Node Package Manager的缩写,也就是“节点的包管理器”。顾名思义,npm是一个软件包管理器,主要进行Javascript的包管理。通过npm,我们可以很方便地进行Javascript包的下载、升级,我们也可以把我们开发的JavaScript包共享给其他使用者。Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具当我们执行npm run xxx or yarn run xxx的时候。首先会先从package.json中找到执行的命令。如下所示:{ "name": "restful-server", "version": "1.0.0", "description": "服务器后端程序", "main": "index.js", "scripts": { "
Gonwe
心同流水净,身与白云轻