类的概念：可以通过类实例化一个具体的对象。在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。它不可重复声明类定义不会被提升，这意味着必须在访问前对类进行定义，否则就会报错类的定义：ES6的类中不能直接定义变量，变量被定义在constructor中。constructor** 方法是类的默认方法，创建类的对象时被调用。也被称为类的构造方法（构造函数、构造器）。一
转载
2024-09-26 10:06:33
29阅读
reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。
JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。
只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。
reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。
这篇博客只针对reactjs语法，而对
文章目录1. 概述2. 声明调用3. 类的本质4. 类的继承5. 对父类方法的重写 1. 概述ES6 提供了更接近语言的写法，引入了Class（类）这个概念，作为对象的模版。 通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面对对象编程的语法而已。2. 声明调用语法：<
转载
2024-04-01 08:11:48
95阅读
类的由来。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用 ES6 的class改写，就是下面这样。上面代码定义了一个“类”，可以看到里面有一个cons
转载
2024-07-03 16:40:28
40阅读
当定义函数参数时，用解构参数代替"options"对象可以将你真正感兴趣的数据与其他命名参数列在一起，使其更可读。解构参数可以是数组模式、对象模式和混合模式，也可以使用解构语法的其他功能。解构参数当定义一个接受大量可选参数的JavaScript函数时，我们通常会创建一个可选对象，将额外的参数定义为这个对象的属性。function setCookie(name, value, options) {
转载
2024-10-14 18:41:35
12阅读
顺序结构 程序从上到下逐行地执行，中间没有任何判断和跳转。 分支语句 1、if-else语句 if语句的三种格式 if语句第一种格式：（适合一种判断） if(关系表达式) {
语句体;
} 首先判断关系表达式看其结果是true还是false：如果是true就执行语句体；如果是false就不执行语句体。 2、if
一，定义变量let(类似var)在js一直有一个bug是var：1、var 声明的变量会有变量提升 console.log(name); //jhon
var name = 'jhon'; 2、var 没有块级作用域 var name2 = 'jjjon';
{
var name2 = 'tom';
}
console.log(name2); //tom 3、var 可以
转载
2024-03-25 12:44:08
38阅读
一、背景最近在翻看以前的老书《node.js开发指南》，恰好碰到 for 循环 + setTimeout 的经典例子，于是重新梳理了思路并记录下。二、写在前面，setTimeout 和 setInterval 的执行机制在日常编码中，你会发现，给 setTimeout 和 setInterval 设定延迟时间往往并不准，或者干脆 setTimeout(function(){xxx},0) 也不是立
转载
2024-10-05 11:49:24
75阅读
以前我们使用ES5标准定义一个构造函数的过程如下：function Person(name,age){
this.name = name;
this.age = age;
//私有变量
var else="其他";
//私有方法
function sayName(){
alert(that.name);
}
传统的 javascript 中只有对象，没有类的概念。它是基于原型的面向对象语言。 原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向 对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！首先大家要明白，为什么要出现 class ？首先回顾我们的 JavaScript 编程思想的发展史。 从 JS 诞生之时，刚开始做的就是面向过程的编程，把一个问题给解释清楚了， 几行 j
为class绑定多个值 普通写法 其他 一个值判断a或者判断b 普通写法 其他 引用一个组件 普通写法 node写法 V FOR渲染 一般 解构赋值 CSS私有化 一般 设置比较长的class类名区分，或者使用BEN等命名方法 css module style样式会存在$style计算属性中 缺点：
转载
2018-12-27 16:05:00
101阅读
2评论
script标签中的importmap<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>这个写法是 Import Maps，它是一种浏览器原生支持的机制，用于定义模块导入路径的映
1.定义简介setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 function foo(){}; var id = setTimeout(foo,1000); //返回一个大于0 的整数。表示id 当我清楚定时器的时候 传这个id就可以。 2. 试题引发的思考setTimeout(function(){
console.log
转载
2024-07-16 10:38:24
47阅读
jquery介绍：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A
1、Class的基本用法概述JavaScript语言的传统方式是通过构造函数，定义并生成新对象。这种写法和传统的面向对象语言差异很大，下面是一个例子： function Point(x, y) {
this.x = x;
this.y = y;
};
Point.prototype.toString = function () {
return '(' + this.x + ',' +
转载
2024-08-01 10:40:40
163阅读
背景最近研究jquery发现jq很早就有类似promise的功能了，我jq用的比较少，主要拿来学习设计思想。这个jq的$ajax自1.5以后会返回延迟对象，可以使用.done之类的延迟对象使用的方法来进行后续操作。主要还是看$.deferred这个函数，这个函数其实是基于$.callback这个来实现的。我们把deferred进行简化一下，看这玩意跟promise到底有啥区别。使用var wait
转载
2023-11-13 10:47:01
86阅读
1.变量声明关键字1.var 全局变量，会变量提升2.let 局部变量，跟var类似，区别在于只能局部发挥作用，即在一对{}内发挥作用，并且不会变量提升，不能重复声明3.const 声明的变量类型一般为常量，并且必须赋值，变量名必须得大写2.结构1.数组1.通俗的来说，可以简单地理解为把数组或对象解析为单独的变量2.基本格式：var [a,b,,c='defalut',...res]=arr解析：
转载
2024-06-07 17:50:12
106阅读
这是之前的写法function Previous (name,age){ this.name = name; this
原创
2023-02-14 08:24:43
131阅读
文章目录一. Class 的基本语法1. 简介1.1 类的由来1.2 constructor 方法1.3 类的实例1.4 取值函数（getter）和存值函数（setter）1.5 属性表达式1.6 Class 表达式1.7 注意点（1）严格模式（2）不存在变量提升（3）name属性（4）Generator 方法（5）this 的指向2. 静态方法3. 实例属性的新写法4. 静态属性5. 私有方法
转载
2024-10-11 19:55:53
33阅读
一、类与实例1、类的声明// ES5的类的声明（没有类的概念，但是我们可以把构造函数看成是类。）
function Animal(){
this.name = "winne";
}
//ES6中class声明类
class Animal2{
constructor(){
this.name = "winne";
}
}2、生成实例对象通过new关键字来实例化对象var cat = ne
