- 博客(42)
- 收藏
- 关注
原创 20-JS高阶函数
闭包和回调任意一个用在函数上,都是高阶函数 一、闭包 闭包的概念: 一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。 未形成闭包 function test (fn) { var a = 1; retu
2021-12-09 22:17:10
145
原创 17-自定义原型方法、去重、封装typeof
17-自定义原型方法、去重、封装typeof (一)、自定义方法 myUnshift (1)、用splice方法实现 用splice方法重写数组原型上的unshift方法 myUnshift var arr = ['d', 'e', 'f']; Array.prototype.myUnshift = function(){ var pos = 0; for(var i = 0; i < arguments.length; i++){
2021-12-08 19:50:57
538
原创 8-对象、构造函数、实例化
(一)、对象 var teacher = { name: '张三', age: 32, sex: 'male', height: 176, weight: 130, teacher: function(){ console.log('I am teaching JavaScript'); }, smok
2021-12-06 09:02:20
394
原创 7-立即执行函数、闭包深入、逗号运算符
(一)、立即执行函数 IIFE immediately- invoked function expression 立即执行函数页面加载的时候就自动执行了,执行完成后立即释放 立即执行函数有一个功能性的称呼-初始化函数 立即执行函数有最基本的两种写法 (1)、写法 写法1 (function(){ })(); 写法2------w3c建议的写法 (function(){ }()); (2)、参数 立即执行函数可以带参数 (function(a,b){ console.log(a + b); }
2021-12-05 23:29:23
181
原创 4-cookie增删改查
(1)设置 设置cookie过期时间为5000s document.cookie = "name=xiaohong; max-age=5000" 设置具体的日期 <script type="text/javascript"> var d = new Date(), day = d.getDate(); d.setDate(day + 10); document.cookie = "name=xiaohong;expir
2021-12-05 22:03:49
265
原创 3-localStorage、sessionStorage、cookie
cookies local Storage 可以在任意窗口访问 sessionStorage只能在当前标签页访问 cookies的过期时间可以手动设置 localStorage是永远不过期的 SessionStorage在标签页关闭后过期 读取cookie document.cookie 设置cookie document.cookie = "name = Tom" 设置localStorage localStorage.setItem('早餐','牛奶') 读取localStorage loca.
2021-12-05 21:39:06
141
原创 2-requestAnimationFrame、循环字母
requestAnimationFrame <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-12-05 21:31:56
113
原创 1-HTML5历史、标记法、新增标签和属性、拖拽
(一)、历史 2010年推出HTML5 html4的写法 <body> <form> <p>Username: <input name="search" type="text" id="search"/></p> </form> <script type="text/javascript"> document.getElementById('search').focus
2021-12-05 20:52:29
304
原创 2-document对象、遍历节点树、遍历元素节点树
(一)、document对象 (1)、getElementById 在ie8以下的浏览器是不区分大小写的 var box = document.getElementById('Box'); console.log(box); 在ie8及以下会通过name找 <body> <div id="box1" name="box">123123</div> <script type="text/javascript"> var box = doc
2021-12-05 19:00:58
1020
原创 1-DOM初探、JS对象、XML
(一)、DOM DOM Document Object Model文档对象模型 DOM本身是一个对象,又叫宿主对象 (二)、JS对象 JavaScript有3种对象 1、本地对象 Native Object: Object Function Array String Number Boolean Error EvalError SyntaxError RangeError ReferenceError TypeError URIError Date RegE
2021-12-05 18:12:08
206
原创 6-作用域与作用域链、闭包基础
(一)、作用域与作用域链 了解AO和 GO 是为了解决js当中的一系列关于作用域和作用域链相关所产生的一切问题 function test(a,b){ } console.log(test.name); //test console.log(test.length); //2 //可以看出function也有属性,其实函数也是一种对象类型,也是一种引用类型,也是一种引用值 对象中有些属性我们是无法访问的,这些属性就是JS引擎内部固有的隐式属性 既然我们用不了,为什么我们需要去研究这些隐式属
2021-12-05 17:28:17
173
原创 5-参数默认值、暗示全局变量、预编译
(1)、函数参数默认值 初始化参数、如果不设置,参数默认值是undefined function test(a, b){ console.log(a); console.log(b); } test(1); // 1 // undefined 不传递实参,给行参设置默认值 es6才支持形参赋值 function test(a = 1, b = 2){ console.log(a); console.log(b); } test(); // 1 // 2 在实参里给b赋值,让a保持默认值 fu
2021-12-05 11:56:40
254
原创 4-函数基础与种类、形实参及映射、变量类型
(1)、函数 1、最基本的函数写法-函数声明 function test(参数){ 函数的执行语句; } 函数名的命名规则: 不能以数字开头 字母_ $ 包含数字 复合单词推荐小驼峰命名法 2、函数表达式也叫函数字面量 var test = function test1(){ var a = 1, b = 2; console.log(a,b); test1(); // 这个递归会造成死循环 } console.log(test.name); //
2021-12-04 21:56:00
246
原创 3-循环、引用值、typeof()、显示与隐式类型转换
(1)循环 1、for循环 步骤:1、声明变量i= 0 2、if(i < 10){ console.log(i) } 3、i++ 重复步骤2、3,直到 2中条件不满足停止循环 for(var i = 0; i < 10; i++){ console.log(i); } 一道面试题: 打印0-100的数 ()只能有一句,不能写比较 {} 不能出现i++
2021-12-04 19:47:16
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1