js学习
js学习笔记
一角残叶
人生如逆旅,我亦是行人
展开
-
再学JavaScript ES(6-10)全版本语法大全(8)- 异步操作 Promise
1 回调 异步加载 js js 是单线程的 异步操作与回调的关系 1.1 ES6 2 then 异步操作 3 Resolve 和 Reject 异步操作原创 2020-11-16 23:04:26 · 247 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(7)- ES6箭头函数
1 箭头函数 返回值是表达式 // 箭头后面是一个表达式 let sum = (x, y, z) => x + y + z console.log(sum(1,2,3)) 返回值是对象 // 箭头后面是一个表达式 let sum = (x, y, z) => ({ x: x, y: y, z: z, }) console.log(sum)(1, 2, 3) this 2 Object Property ES5 ES6原创 2020-11-16 21:42:46 · 209 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(6)- 函数参数的默认值
1 函数参数默认值 1.1 ES5 function f(x, y, z) { if (y === undefined) { y =1000 } if (z === undefined) { z =100 } return x + y + z } console.log(f(1)) 1.6 ES6 // 指定默认值 function f(x, y = 10, z = 100) { return x + y + z }原创 2020-11-16 21:07:48 · 213 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(5)- Class 基础
1 Class 1.1 ES5 声明一个类 let Animal = function (type) { this.type = type this.eat = function(){} } let dog = new Animal("dog") let monkey = new Animal('monkey') console.log(dog) console.log(monkey) let Animal = function (type) { this.type原创 2020-11-15 16:56:21 · 285 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(4)- 伪数组转换为数组
1 伪数组转换为数组 伪数组: 这个对象按照索引存储数据 它具备一个 length 属性 1.1 ES5 let args = [].slice.call(arguments) // 集合 // 将当前页面的所有图片转换为数组 let imgs = [].slice.call(document.querySelectorAll('img')) // nodelist 1.2 ES6 let args = Array.from(arguments) let imgs = Array.from(doc原创 2020-11-14 17:19:52 · 265 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(3)- 数组的遍历
1 数组遍历 1.2 ES5 数组遍历 方法1 const arr = [1, 2, 3, 4, 5, 6] for (let i = 0; i < arr.length; i++){ console.log(arr[i]) } 方法2 const arr = [1, 2, 3, 4, 5, 6] arr.forEach(function (item) { console.log(item) }) for 和 foreach的区别 for (let i = 0; i &原创 2020-11-14 13:01:00 · 342 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(2)- 作用域
1 作用域 常见的作用域主要分为几个类型:全局作用域、函数作用域、块状作用域、动态作用域。 2.1 练习1 2.2 全局变量原创 2020-11-13 23:49:13 · 332 阅读 · 0 评论 -
再学JavaScript ES(6-10)全版本语法大全(1)
1 javascript 2 开发环境 安装 node js 项目初始化 npx es10-cli create es2019 或者 git clone https://github.com/cucygh/es-cli.git 项目名原创 2020-11-12 22:19:52 · 421 阅读 · 0 评论 -
3-JS学习笔记(3)
1 javascript BOM IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。 使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。 使 BOM 独树一帜且又常常令人怀疑的地方在于,它只是 JavaScript 的一个部分,没有任何相关的标准。 BOM ...原创 2019-11-22 10:47:00 · 138 阅读 · 0 评论 -
3-JS学习笔记(2)
1 js 函数和事件 1.1 创建函数 js 方法不需要返回值,参数不需要声明类型 1.1.1 第一种 function 函数名称(参数列表){ 函数体; return 返回值 } 1.1.2 第二种 var 函数名称=function(参数列表){ 函数体; } 1.1.3 第三种(了解) Var 函数名称=new Function(参数列表,函数体); 1.2 函数注意事项...原创 2019-11-22 09:49:00 · 173 阅读 · 0 评论 -
3-JS学习笔记(1)
1 JavaScript 脚本语言:脚本语言又被称为扩建的语言,或者动态语言,是一种解释型语言,由解释器来运行,用来控制软件应用程序,脚本通常以文本保存,只在被调用时进行解释或编译 1.1 JS组成 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) 2 导入 JS 2.1 第一种导入方式 在html页面中直接插入javascript 老旧的实例可能会在 &l...原创 2019-11-21 10:40:39 · 138 阅读 · 0 评论
分享